commit 29108099491bd67ffb74973d65ae45c71090c169 Author: dahoud Date: Wed Dec 10 01:12:54 2025 +0000 Configure Maven repository for unionflow-server-api dependency diff --git a/Dockerfile.prod b/Dockerfile.prod new file mode 100644 index 0000000..e029475 --- /dev/null +++ b/Dockerfile.prod @@ -0,0 +1,91 @@ +#### +# Dockerfile de production pour UnionFlow Client (Frontend) +# Multi-stage build optimisé avec sécurité renforcée +#### + +## Stage 1 : Build avec Maven +FROM maven:3.9.6-eclipse-temurin-17 AS builder + +WORKDIR /app + +# Copier les fichiers de configuration Maven +COPY pom.xml . +COPY ../unionflow-server-api/pom.xml ../unionflow-server-api/ + +# Télécharger les dépendances (cache Docker) +RUN mvn dependency:go-offline -B -pl unionflow-client-quarkus-primefaces-freya -am + +# Copier le code source +COPY src ./src + +# Build de l'application avec profil production +RUN mvn clean package -DskipTests -B -Dquarkus.profile=prod -pl unionflow-client-quarkus-primefaces-freya + +## Stage 2 : Image de production optimisée et sécurisée +FROM registry.access.redhat.com/ubi8/openjdk-17:1.18 + +ENV LANGUAGE='fr_FR:fr' + +# Variables d'environnement de production +ENV QUARKUS_PROFILE=prod +ENV QUARKUS_HTTP_PORT=8086 +ENV QUARKUS_HTTP_HOST=0.0.0.0 + +# Configuration Keycloak/OIDC (production) +ENV QUARKUS_OIDC_AUTH_SERVER_URL=https://security.lions.dev/realms/unionflow +ENV QUARKUS_OIDC_CLIENT_ID=unionflow-client +ENV QUARKUS_OIDC_ENABLED=true +ENV QUARKUS_OIDC_TLS_VERIFICATION=required +ENV KEYCLOAK_CLIENT_SECRET=changeme + +# Configuration API Backend +ENV UNIONFLOW_BACKEND_URL=https://api.lions.dev/unionflow + +# Configuration CORS +ENV QUARKUS_HTTP_CORS_ORIGINS=https://unionflow.lions.dev,https://security.lions.dev +ENV QUARKUS_HTTP_CORS_ALLOW_CREDENTIALS=true + +# Configuration Session +ENV SESSION_TIMEOUT=1800 +ENV REMEMBER_ME_DURATION=604800 + +# Installer curl pour les health checks +USER root +RUN microdnf install -y curl && \ + microdnf clean all && \ + rm -rf /var/cache/yum + +# Créer les répertoires et permissions pour utilisateur non-root +RUN mkdir -p /deployments /app/logs && \ + chown -R 185:185 /deployments /app/logs + +# Passer à l'utilisateur non-root pour la sécurité +USER 185 + +# Copier l'application depuis le builder (format fast-jar Quarkus) +COPY --from=builder --chown=185 /app/target/quarkus-app/ /deployments/ + +# Exposer le port +EXPOSE 8086 + +# Variables JVM optimisées pour production avec sécurité +ENV JAVA_OPTS="-Xmx768m -Xms256m \ + -XX:+UseG1GC \ + -XX:MaxGCPauseMillis=200 \ + -XX:+UseStringDeduplication \ + -XX:+ParallelRefProcEnabled \ + -XX:+HeapDumpOnOutOfMemoryError \ + -XX:HeapDumpPath=/app/logs/heapdump.hprof \ + -Djava.security.egd=file:/dev/./urandom \ + -Djava.awt.headless=true \ + -Dfile.encoding=UTF-8 \ + -Djava.util.logging.manager=org.jboss.logmanager.LogManager \ + -Dquarkus.profile=${QUARKUS_PROFILE}" + +# Health check avec endpoints Quarkus +HEALTHCHECK --interval=30s --timeout=10s --start-period=90s --retries=3 \ + CMD curl -f http://localhost:8086/q/health/ready || exit 1 + +# Point d'entrée avec profil production (format fast-jar) +ENTRYPOINT ["sh", "-c", "exec java $JAVA_OPTS -jar /deployments/quarkus-run.jar"] + diff --git a/pom.xml b/pom.xml new file mode 100644 index 0000000..4f7b628 --- /dev/null +++ b/pom.xml @@ -0,0 +1,247 @@ + + + 4.0.0 + + dev.lions.unionflow + unionflow-client-quarkus-primefaces-freya + 1.0.0 + jar + + UnionFlow Client (Quarkus + PrimeFaces Freya) + Client web UnionFlow avec Quarkus et PrimeFaces Freya + + + 17 + 17 + UTF-8 + UTF-8 + + 3.15.1 + io.quarkus.platform + quarkus-bom + 3.13.3 + 14.0.5 + 4.4.1 + + + + + + ${quarkus.platform.group-id} + ${quarkus.platform.artifact-id} + ${quarkus.platform.version} + pom + import + + + + + + + + io.quarkus + quarkus-arc + + + + + io.quarkiverse.primefaces + quarkus-primefaces + ${quarkus-primefaces.version} + + + + + io.quarkiverse.omnifaces + quarkus-omnifaces + 4.4.1 + + + + + org.primefaces.themes + freya-theme-jakarta + 5.0.0 + + + + + io.quarkus + quarkus-undertow + + + + + io.quarkus + quarkus-rest-client + + + io.quarkus + quarkus-rest-client-jackson + + + + + io.quarkus + quarkus-smallrye-jwt + + + io.quarkus + quarkus-oidc + + + io.quarkus + quarkus-oidc-client + + + + + io.quarkus + quarkus-config-yaml + + + + + io.quarkus + quarkus-hibernate-validator + + + + + org.projectlombok + lombok + 1.18.30 + provided + + + + + dev.lions.unionflow + unionflow-server-api + 1.0.0 + + + + + + + + io.quarkus + quarkus-scheduler + + + + + org.apache.poi + poi + 5.2.5 + + + org.apache.poi + poi-ooxml + 5.2.5 + + + org.apache.xmlgraphics + batik-all + + + + + com.github.librepdf + openpdf + 1.3.30 + + + + + io.quarkus + quarkus-junit5 + test + + + io.rest-assured + rest-assured + test + + + + + + prime-repo + PrimeFaces Maven Repository + https://repository.primefaces.org + default + + + gitea + Gitea Maven Repository + https://git.lions.dev/api/packages/lionsdev/maven + + + + + + + ${quarkus.platform.group-id} + quarkus-maven-plugin + ${quarkus.platform.version} + true + + + + build + generate-code + generate-code-tests + + + + + + org.apache.maven.plugins + maven-compiler-plugin + 3.11.0 + + 17 + 17 + UTF-8 + true + + + + org.apache.maven.plugins + maven-surefire-plugin + 3.0.0 + + + org.jboss.logmanager.LogManager + ${maven.home} + + + + + + + + + native + + + native + + + + false + native + + + + \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/UnionFlowClientApplication.java b/src/main/java/dev/lions/unionflow/client/UnionFlowClientApplication.java new file mode 100644 index 0000000..7e0a7a5 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/UnionFlowClientApplication.java @@ -0,0 +1,34 @@ +package dev.lions.unionflow.client; + +import io.quarkus.runtime.Quarkus; +import io.quarkus.runtime.QuarkusApplication; +import io.quarkus.runtime.annotations.QuarkusMain; +import jakarta.enterprise.context.ApplicationScoped; +import org.jboss.logging.Logger; + +/** + * Application principale UnionFlow Client + * + * @author Lions Dev Team + * @version 1.0.0 + */ +@QuarkusMain +@ApplicationScoped +public class UnionFlowClientApplication implements QuarkusApplication { + + private static final Logger LOG = Logger.getLogger(UnionFlowClientApplication.class); + + public static void main(String... args) { + Quarkus.run(UnionFlowClientApplication.class, args); + } + + @Override + public int run(String... args) throws Exception { + LOG.info("UnionFlow Client démarré avec succès!"); + LOG.info("Interface web disponible sur http://localhost:8082"); + LOG.info("Page d'accueil sur http://localhost:8082/index.xhtml"); + + Quarkus.waitForExit(); + return 0; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/constants/StatutOrganisationConstants.java b/src/main/java/dev/lions/unionflow/client/constants/StatutOrganisationConstants.java new file mode 100644 index 0000000..8cc2649 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/constants/StatutOrganisationConstants.java @@ -0,0 +1,31 @@ +package dev.lions.unionflow.client.constants; + +/** + * Constantes pour les statuts d'organisations + * Ces valeurs doivent correspondre à l'enum StatutOrganisation du module server-api + * + * @author UnionFlow Team + * @version 1.0 + */ +public final class StatutOrganisationConstants { + + private StatutOrganisationConstants() { + // Classe utilitaire, pas d'instanciation + } + + /** Statut actif */ + public static final String ACTIVE = "ACTIVE"; + + /** Statut inactif */ + public static final String INACTIVE = "INACTIVE"; + + /** Statut suspendue */ + public static final String SUSPENDUE = "SUSPENDUE"; + + /** Statut en création */ + public static final String EN_CREATION = "EN_CREATION"; + + /** Statut dissoute */ + public static final String DISSOUTE = "DISSOUTE"; +} + diff --git a/src/main/java/dev/lions/unionflow/client/converter/MembreConverter.java b/src/main/java/dev/lions/unionflow/client/converter/MembreConverter.java new file mode 100644 index 0000000..7ed355a --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/converter/MembreConverter.java @@ -0,0 +1,44 @@ +package dev.lions.unionflow.client.converter; + +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.faces.component.UIComponent; +import jakarta.faces.context.FacesContext; +import jakarta.faces.convert.Converter; +import jakarta.faces.convert.FacesConverter; +import jakarta.inject.Named; +import dev.lions.unionflow.client.view.DemandesBean.Membre; +import java.util.UUID; + +@Named +@ApplicationScoped +@FacesConverter(value = "membreConverter", managed = true) +public class MembreConverter implements Converter { + + @Override + public Membre getAsObject(FacesContext context, UIComponent component, String value) { + if (value == null || value.trim().isEmpty()) { + return null; + } + + try { + // Parse the membre ID from the string value (UUID) + UUID membreId = UUID.fromString(value); + + // Create a simple Membre object with just the ID + // In a real implementation, you would fetch from database + Membre membre = new Membre(); + membre.setId(membreId); + return membre; + } catch (IllegalArgumentException e) { + return null; + } + } + + @Override + public String getAsString(FacesContext context, UIComponent component, Membre value) { + if (value == null || value.getId() == null) { + return ""; + } + return value.getId().toString(); + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/dto/AdhesionDTO.java b/src/main/java/dev/lions/unionflow/client/dto/AdhesionDTO.java new file mode 100644 index 0000000..d0e0702 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/AdhesionDTO.java @@ -0,0 +1,274 @@ +package dev.lions.unionflow.client.dto; + +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.UUID; + +/** + * DTO pour la gestion des adhésions côté client + * Correspond au AdhesionDTO du backend avec méthodes utilitaires pour l'affichage + * + * @author UnionFlow Team + * @version 1.0 + */ +public class AdhesionDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private UUID id; + private String numeroReference; + private UUID membreId; + private String numeroMembre; + private String nomMembre; + private String emailMembre; + private UUID organisationId; + private String nomOrganisation; + private LocalDate dateDemande; + private BigDecimal fraisAdhesion; + private BigDecimal montantPaye; + private String codeDevise; + private String statut; + private LocalDate dateApprobation; + private LocalDateTime datePaiement; + private String methodePaiement; + private String referencePaiement; + private String motifRejet; + private String observations; + private String approuvePar; + private LocalDate dateValidation; + private LocalDateTime dateCreation; + private LocalDateTime dateModification; + private Boolean actif; + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNumeroReference() { return numeroReference; } + public void setNumeroReference(String numeroReference) { this.numeroReference = numeroReference; } + + public UUID getMembreId() { return membreId; } + public void setMembreId(UUID membreId) { this.membreId = membreId; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public String getEmailMembre() { return emailMembre; } + public void setEmailMembre(String emailMembre) { this.emailMembre = emailMembre; } + + public UUID getOrganisationId() { return organisationId; } + public void setOrganisationId(UUID organisationId) { this.organisationId = organisationId; } + + public String getNomOrganisation() { return nomOrganisation; } + public void setNomOrganisation(String nomOrganisation) { this.nomOrganisation = nomOrganisation; } + + public LocalDate getDateDemande() { return dateDemande; } + public void setDateDemande(LocalDate dateDemande) { this.dateDemande = dateDemande; } + + public BigDecimal getFraisAdhesion() { return fraisAdhesion; } + public void setFraisAdhesion(BigDecimal fraisAdhesion) { this.fraisAdhesion = fraisAdhesion; } + + public BigDecimal getMontantPaye() { return montantPaye != null ? montantPaye : BigDecimal.ZERO; } + public void setMontantPaye(BigDecimal montantPaye) { this.montantPaye = montantPaye; } + + public String getCodeDevise() { return codeDevise; } + public void setCodeDevise(String codeDevise) { this.codeDevise = codeDevise; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public LocalDate getDateApprobation() { return dateApprobation; } + public void setDateApprobation(LocalDate dateApprobation) { this.dateApprobation = dateApprobation; } + + public LocalDateTime getDatePaiement() { return datePaiement; } + public void setDatePaiement(LocalDateTime datePaiement) { this.datePaiement = datePaiement; } + + public String getMethodePaiement() { return methodePaiement; } + public void setMethodePaiement(String methodePaiement) { this.methodePaiement = methodePaiement; } + + public String getReferencePaiement() { return referencePaiement; } + public void setReferencePaiement(String referencePaiement) { this.referencePaiement = referencePaiement; } + + public String getMotifRejet() { return motifRejet; } + public void setMotifRejet(String motifRejet) { this.motifRejet = motifRejet; } + + public String getObservations() { return observations; } + public void setObservations(String observations) { this.observations = observations; } + + public String getApprouvePar() { return approuvePar; } + public void setApprouvePar(String approuvePar) { this.approuvePar = approuvePar; } + + public LocalDate getDateValidation() { return dateValidation; } + public void setDateValidation(LocalDate dateValidation) { this.dateValidation = dateValidation; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateModification() { return dateModification; } + public void setDateModification(LocalDateTime dateModification) { this.dateModification = dateModification; } + + public Boolean getActif() { return actif; } + public void setActif(Boolean actif) { this.actif = actif; } + + // Méthodes utilitaires pour l'affichage (alignées avec le backend) + + /** + * Vérifie si l'adhésion est payée intégralement + */ + public boolean isPayeeIntegralement() { + return montantPaye != null && fraisAdhesion != null && montantPaye.compareTo(fraisAdhesion) >= 0; + } + + /** + * Vérifie si l'adhésion est en attente de paiement + */ + public boolean isEnAttentePaiement() { + return "APPROUVEE".equals(statut) && !isPayeeIntegralement(); + } + + /** + * Calcule le montant restant à payer + */ + public BigDecimal getMontantRestant() { + if (fraisAdhesion == null) return BigDecimal.ZERO; + if (montantPaye == null) return fraisAdhesion; + BigDecimal restant = fraisAdhesion.subtract(montantPaye); + return restant.compareTo(BigDecimal.ZERO) > 0 ? restant : BigDecimal.ZERO; + } + + /** + * Calcule le pourcentage de paiement + */ + public int getPourcentagePaiement() { + if (fraisAdhesion == null || fraisAdhesion.compareTo(BigDecimal.ZERO) == 0) return 0; + if (montantPaye == null) return 0; + return montantPaye.multiply(BigDecimal.valueOf(100)) + .divide(fraisAdhesion, 0, java.math.RoundingMode.HALF_UP) + .intValue(); + } + + /** + * Calcule le nombre de jours depuis la demande + */ + public long getJoursDepuisDemande() { + if (dateDemande == null) return 0; + return ChronoUnit.DAYS.between(dateDemande, LocalDate.now()); + } + + /** + * Retourne le libellé du statut + */ + public String getStatutLibelle() { + if (statut == null) return "Non défini"; + return switch (statut) { + case "EN_ATTENTE" -> "En attente"; + case "APPROUVEE" -> "Approuvée"; + case "REJETEE" -> "Rejetée"; + case "ANNULEE" -> "Annulée"; + case "EN_PAIEMENT" -> "En paiement"; + case "PAYEE" -> "Payée"; + default -> statut; + }; + } + + /** + * Retourne la sévérité du statut pour PrimeFaces + */ + public String getStatutSeverity() { + if (statut == null) return "secondary"; + return switch (statut) { + case "APPROUVEE", "PAYEE" -> "success"; + case "EN_ATTENTE", "EN_PAIEMENT" -> "warning"; + case "REJETEE" -> "danger"; + case "ANNULEE" -> "secondary"; + default -> "secondary"; + }; + } + + /** + * Retourne l'icône du statut pour PrimeFaces + */ + public String getStatutIcon() { + if (statut == null) return "pi-circle"; + return switch (statut) { + case "APPROUVEE", "PAYEE" -> "pi-check"; + case "EN_ATTENTE" -> "pi-clock"; + case "EN_PAIEMENT" -> "pi-credit-card"; + case "REJETEE" -> "pi-times"; + case "ANNULEE" -> "pi-ban"; + default -> "pi-circle"; + }; + } + + /** + * Retourne le libellé de la méthode de paiement + */ + public String getMethodePaiementLibelle() { + if (methodePaiement == null) return "Non défini"; + return switch (methodePaiement) { + case "ESPECES" -> "Espèces"; + case "VIREMENT" -> "Virement bancaire"; + case "CHEQUE" -> "Chèque"; + case "WAVE_MONEY" -> "Wave Money"; + case "ORANGE_MONEY" -> "Orange Money"; + case "FREE_MONEY" -> "Free Money"; + case "CARTE_BANCAIRE" -> "Carte bancaire"; + default -> methodePaiement; + }; + } + + /** + * Formate la date de demande + */ + public String getDateDemandeFormatee() { + if (dateDemande == null) return ""; + return dateDemande.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + /** + * Formate la date d'approbation + */ + public String getDateApprobationFormatee() { + if (dateApprobation == null) return ""; + return dateApprobation.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + /** + * Formate la date de paiement + */ + public String getDatePaiementFormatee() { + if (datePaiement == null) return ""; + return datePaiement.format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm")); + } + + /** + * Formate les frais d'adhésion + */ + public String getFraisAdhesionFormatte() { + if (fraisAdhesion == null) return "0 FCFA"; + return String.format("%,.0f FCFA", fraisAdhesion.doubleValue()); + } + + /** + * Formate le montant payé + */ + public String getMontantPayeFormatte() { + if (montantPaye == null) return "0 FCFA"; + return String.format("%,.0f FCFA", montantPaye.doubleValue()); + } + + /** + * Formate le montant restant + */ + public String getMontantRestantFormatte() { + return String.format("%,.0f FCFA", getMontantRestant().doubleValue()); + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/dto/AnalyticsDataDTO.java b/src/main/java/dev/lions/unionflow/client/dto/AnalyticsDataDTO.java new file mode 100644 index 0000000..dc5650d --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/AnalyticsDataDTO.java @@ -0,0 +1,300 @@ +package dev.lions.unionflow.client.dto; + +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.Map; + +/** + * DTO côté client pour les données analytics + * Enrichi avec des méthodes utilitaires pour l'affichage + * + * @author UnionFlow Team + * @version 1.0 + * @since 2025-01-17 + */ +public class AnalyticsDataDTO implements Serializable { + + private static final long serialVersionUID = 1L; + private static final DateTimeFormatter DATE_FORMATTER = DateTimeFormatter.ofPattern("dd/MM/yyyy"); + private static final DateTimeFormatter DATETIME_FORMATTER = DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm"); + + private String id; + private String typeMetrique; + private String periodeAnalyse; + private BigDecimal valeur; + private BigDecimal valeurPrecedente; + private BigDecimal pourcentageEvolution; + private LocalDateTime dateDebut; + private LocalDateTime dateFin; + private LocalDateTime dateCalcul; + private String organisationId; + private String nomOrganisation; + private String utilisateurId; + private String nomUtilisateur; + private String libellePersonnalise; + private String description; + private String donneesDetaillees; + private String configurationGraphique; + private Map metadonnees; + private BigDecimal indicateurFiabilite; + private Integer nombreElementsAnalyses; + private Long tempsCalculMs; + private Boolean tempsReel; + private Boolean necessiteMiseAJour; + private Integer niveauPriorite; + private java.util.List tags; + + // Getters et Setters + public String getId() { return id; } + public void setId(String id) { this.id = id; } + + public String getTypeMetrique() { return typeMetrique; } + public void setTypeMetrique(String typeMetrique) { this.typeMetrique = typeMetrique; } + + public String getPeriodeAnalyse() { return periodeAnalyse; } + public void setPeriodeAnalyse(String periodeAnalyse) { this.periodeAnalyse = periodeAnalyse; } + + public BigDecimal getValeur() { return valeur; } + public void setValeur(BigDecimal valeur) { this.valeur = valeur; } + + public BigDecimal getValeurPrecedente() { return valeurPrecedente; } + public void setValeurPrecedente(BigDecimal valeurPrecedente) { this.valeurPrecedente = valeurPrecedente; } + + public BigDecimal getPourcentageEvolution() { return pourcentageEvolution; } + public void setPourcentageEvolution(BigDecimal pourcentageEvolution) { this.pourcentageEvolution = pourcentageEvolution; } + + public LocalDateTime getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDateTime dateDebut) { this.dateDebut = dateDebut; } + + public LocalDateTime getDateFin() { return dateFin; } + public void setDateFin(LocalDateTime dateFin) { this.dateFin = dateFin; } + + public LocalDateTime getDateCalcul() { return dateCalcul; } + public void setDateCalcul(LocalDateTime dateCalcul) { this.dateCalcul = dateCalcul; } + + public String getOrganisationId() { return organisationId; } + public void setOrganisationId(String organisationId) { this.organisationId = organisationId; } + + public String getNomOrganisation() { return nomOrganisation; } + public void setNomOrganisation(String nomOrganisation) { this.nomOrganisation = nomOrganisation; } + + public String getUtilisateurId() { return utilisateurId; } + public void setUtilisateurId(String utilisateurId) { this.utilisateurId = utilisateurId; } + + public String getNomUtilisateur() { return nomUtilisateur; } + public void setNomUtilisateur(String nomUtilisateur) { this.nomUtilisateur = nomUtilisateur; } + + public String getLibellePersonnalise() { return libellePersonnalise; } + public void setLibellePersonnalise(String libellePersonnalise) { this.libellePersonnalise = libellePersonnalise; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getDonneesDetaillees() { return donneesDetaillees; } + public void setDonneesDetaillees(String donneesDetaillees) { this.donneesDetaillees = donneesDetaillees; } + + public String getConfigurationGraphique() { return configurationGraphique; } + public void setConfigurationGraphique(String configurationGraphique) { this.configurationGraphique = configurationGraphique; } + + public Map getMetadonnees() { return metadonnees; } + public void setMetadonnees(Map metadonnees) { this.metadonnees = metadonnees; } + + public BigDecimal getIndicateurFiabilite() { return indicateurFiabilite; } + public void setIndicateurFiabilite(BigDecimal indicateurFiabilite) { this.indicateurFiabilite = indicateurFiabilite; } + + public Integer getNombreElementsAnalyses() { return nombreElementsAnalyses; } + public void setNombreElementsAnalyses(Integer nombreElementsAnalyses) { this.nombreElementsAnalyses = nombreElementsAnalyses; } + + public Long getTempsCalculMs() { return tempsCalculMs; } + public void setTempsCalculMs(Long tempsCalculMs) { this.tempsCalculMs = tempsCalculMs; } + + public Boolean getTempsReel() { return tempsReel; } + public void setTempsReel(Boolean tempsReel) { this.tempsReel = tempsReel; } + + public Boolean getNecessiteMiseAJour() { return necessiteMiseAJour; } + public void setNecessiteMiseAJour(Boolean necessiteMiseAJour) { this.necessiteMiseAJour = necessiteMiseAJour; } + + public Integer getNiveauPriorite() { return niveauPriorite; } + public void setNiveauPriorite(Integer niveauPriorite) { this.niveauPriorite = niveauPriorite; } + + public java.util.List getTags() { return tags; } + public void setTags(java.util.List tags) { this.tags = tags; } + + // === MÉTHODES UTILITAIRES === + + /** + * Retourne le libellé à afficher + */ + public String getLibelleAffichage() { + if (libellePersonnalise != null && !libellePersonnalise.trim().isEmpty()) { + return libellePersonnalise; + } + return typeMetrique != null ? typeMetrique : "Métrique"; + } + + /** + * Retourne la valeur formatée + */ + public String getValeurFormatee() { + if (valeur == null) return "0"; + return valeur.toPlainString(); + } + + /** + * Retourne le pourcentage d'évolution formaté + */ + public String getEvolutionFormatee() { + if (pourcentageEvolution == null) return "0%"; + String signe = pourcentageEvolution.compareTo(BigDecimal.ZERO) >= 0 ? "+" : ""; + return signe + pourcentageEvolution.setScale(2, java.math.RoundingMode.HALF_UP) + "%"; + } + + /** + * Retourne la couleur selon l'évolution + */ + public String getCouleurEvolution() { + if (pourcentageEvolution == null) return "text-600"; + if (pourcentageEvolution.compareTo(BigDecimal.ZERO) > 0) return "text-green-500"; + if (pourcentageEvolution.compareTo(BigDecimal.ZERO) < 0) return "text-red-500"; + return "text-600"; + } + + /** + * Retourne l'icône selon l'évolution + */ + public String getIconeEvolution() { + if (pourcentageEvolution == null) return "pi pi-minus"; + if (pourcentageEvolution.compareTo(BigDecimal.ZERO) > 0) return "pi pi-arrow-up"; + if (pourcentageEvolution.compareTo(BigDecimal.ZERO) < 0) return "pi pi-arrow-down"; + return "pi pi-minus"; + } + + /** + * Vérifie si l'évolution est positive + */ + public boolean hasEvolutionPositive() { + return pourcentageEvolution != null && pourcentageEvolution.compareTo(BigDecimal.ZERO) > 0; + } + + /** + * Vérifie si l'évolution est négative + */ + public boolean hasEvolutionNegative() { + return pourcentageEvolution != null && pourcentageEvolution.compareTo(BigDecimal.ZERO) < 0; + } + + /** + * Vérifie si les données sont fiables + */ + public boolean isDonneesFiables() { + return indicateurFiabilite != null && indicateurFiabilite.compareTo(new BigDecimal("80.0")) >= 0; + } + + /** + * Retourne la date de début formatée + */ + public String getDateDebutFormatee() { + if (dateDebut == null) return ""; + return dateDebut.format(DATE_FORMATTER); + } + + /** + * Retourne la date de fin formatée + */ + public String getDateFinFormatee() { + if (dateFin == null) return ""; + return dateFin.format(DATE_FORMATTER); + } + + /** + * Retourne la période formatée + */ + public String getPeriodeFormatee() { + return getDateDebutFormatee() + " - " + getDateFinFormatee(); + } + + /** + * Convertit depuis une Map (réponse JSON du backend) + */ + public static AnalyticsDataDTO fromMap(Map map) { + AnalyticsDataDTO dto = new AnalyticsDataDTO(); + if (map == null) return dto; + + dto.setId((String) map.get("id")); + dto.setTypeMetrique((String) map.get("typeMetrique")); + dto.setPeriodeAnalyse((String) map.get("periodeAnalyse")); + + if (map.get("valeur") != null) { + dto.setValeur(new BigDecimal(map.get("valeur").toString())); + } + if (map.get("valeurPrecedente") != null) { + dto.setValeurPrecedente(new BigDecimal(map.get("valeurPrecedente").toString())); + } + if (map.get("pourcentageEvolution") != null) { + dto.setPourcentageEvolution(new BigDecimal(map.get("pourcentageEvolution").toString())); + } + + // Conversion des dates depuis des strings ISO + if (map.get("dateDebut") != null) { + dto.setDateDebut(parseDateTime(map.get("dateDebut").toString())); + } + if (map.get("dateFin") != null) { + dto.setDateFin(parseDateTime(map.get("dateFin").toString())); + } + if (map.get("dateCalcul") != null) { + dto.setDateCalcul(parseDateTime(map.get("dateCalcul").toString())); + } + + dto.setOrganisationId((String) map.get("organisationId")); + dto.setNomOrganisation((String) map.get("nomOrganisation")); + dto.setUtilisateurId((String) map.get("utilisateurId")); + dto.setNomUtilisateur((String) map.get("nomUtilisateur")); + dto.setLibellePersonnalise((String) map.get("libellePersonnalise")); + dto.setDescription((String) map.get("description")); + dto.setDonneesDetaillees((String) map.get("donneesDetaillees")); + dto.setConfigurationGraphique((String) map.get("configurationGraphique")); + dto.setMetadonnees((Map) map.get("metadonnees")); + + if (map.get("indicateurFiabilite") != null) { + dto.setIndicateurFiabilite(new BigDecimal(map.get("indicateurFiabilite").toString())); + } + if (map.get("nombreElementsAnalyses") != null) { + dto.setNombreElementsAnalyses(Integer.valueOf(map.get("nombreElementsAnalyses").toString())); + } + if (map.get("tempsCalculMs") != null) { + dto.setTempsCalculMs(Long.valueOf(map.get("tempsCalculMs").toString())); + } + + dto.setTempsReel((Boolean) map.get("tempsReel")); + dto.setNecessiteMiseAJour((Boolean) map.get("necessiteMiseAJour")); + if (map.get("niveauPriorite") != null) { + dto.setNiveauPriorite(Integer.valueOf(map.get("niveauPriorite").toString())); + } + + @SuppressWarnings("unchecked") + java.util.List tagsList = (java.util.List) map.get("tags"); + dto.setTags(tagsList); + + return dto; + } + + /** + * Parse une date depuis une string ISO + */ + private static LocalDateTime parseDateTime(String dateStr) { + if (dateStr == null || dateStr.isEmpty()) return null; + try { + // Format ISO: "2025-01-17T10:30:00" ou "2025-01-17 10:30:00" + String normalized = dateStr.replace(" ", "T"); + if (normalized.length() == 10) { + normalized += "T00:00:00"; + } + return LocalDateTime.parse(normalized); + } catch (Exception e) { + return null; + } + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/dto/AssociationDTO.java b/src/main/java/dev/lions/unionflow/client/dto/AssociationDTO.java new file mode 100644 index 0000000..8d2bfe9 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/AssociationDTO.java @@ -0,0 +1,331 @@ +package dev.lions.unionflow.client.dto; + +import com.fasterxml.jackson.annotation.JsonFormat; +import com.fasterxml.jackson.annotation.JsonProperty; +import com.fasterxml.jackson.annotation.JsonIgnoreProperties; +import jakarta.validation.constraints.NotBlank; +import jakarta.validation.constraints.NotNull; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.util.UUID; + +/** + * DTO client pour les organisations (alias historique Association). + * + * Harmonisé avec le contrat serveur `OrganisationDTO`: + * - `dateCreation`/`dateModification` d'audit (LocalDateTime) alignés sur BaseDTO avec pattern JSON + * - `dateFondation` (LocalDate) pour la date de création fonctionnelle de l'organisation + */ +@JsonIgnoreProperties(ignoreUnknown = true) +public class AssociationDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private UUID id; + + @NotBlank(message = "Le nom de l'association est obligatoire") + private String nom; + + // Aligné sur OrganisationDTO.nomCourt + private String nomCourt; + + private String description; + private String adresse; + private String telephone; + private String email; + private String siteWeb; + // Aligné sur OrganisationDTO.logo (URL ou chemin du logo) + private String logo; + + @NotNull(message = "Le type d'association est obligatoire") + @JsonProperty("typeOrganisation") + private String typeAssociation; + + // Date de fondation (fonctionnelle), côté serveur: OrganisationDTO.dateFondation + @JsonProperty("dateFondation") + @JsonFormat(pattern = "yyyy-MM-dd") + private LocalDate dateFondation; + + // Côté serveur: OrganisationDTO.numeroEnregistrement + @JsonProperty("numeroEnregistrement") + private String numeroRegistre; + private String statut; + private Integer nombreMembres; + // Aligné sur OrganisationDTO.nombreAdministrateurs + private Integer nombreAdministrateurs; + private String responsablePrincipal; + private String telephoneResponsable; + private String emailResponsable; + + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateDerniereActivite; + + // Champs d'audit issus de BaseDTO (côté serveur) + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateCreation; + + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateModification; + + private Long version; + private Boolean actif; + + private String region; + private String ville; + private String quartier; + private String pays; + // Aligné sur OrganisationDTO.codePostal + private String codePostal; + + // Aligné sur OrganisationDTO.activitesPrincipales + private String activitesPrincipales; + + // Aligné sur OrganisationDTO.objectifs / partenaires / certifications / reseauxSociaux / notes + private String objectifs; + private String partenaires; + private String certifications; + private String reseauxSociaux; + private String notes; + + // Aligné sur OrganisationDTO.organisationPublique / accepteNouveauxMembres / cotisationObligatoire + private Boolean organisationPublique; + private Boolean accepteNouveauxMembres; + private Boolean cotisationObligatoire; + + // Aligné sur OrganisationDTO.budgetAnnuel / devise / montantCotisationAnnuelle + private BigDecimal budgetAnnuel; + private String devise; + private BigDecimal montantCotisationAnnuelle; + + // Aligné sur OrganisationDTO.telephoneSecondaire / emailSecondaire + private String telephoneSecondaire; + private String emailSecondaire; + + // Aligné sur OrganisationDTO.organisationParenteId / nomOrganisationParente / niveauHierarchique + private UUID organisationParenteId; + private String nomOrganisationParente; + private Integer niveauHierarchique; + + // Aligné sur OrganisationDTO.latitude / longitude + private BigDecimal latitude; + private BigDecimal longitude; + + // Constructeurs + public AssociationDTO() {} + + public AssociationDTO(String nom, String typeAssociation) { + this.nom = nom; + this.typeAssociation = typeAssociation; + this.statut = "ACTIVE"; + this.dateFondation = LocalDate.now(); + this.nombreMembres = 0; + } + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getNomCourt() { return nomCourt; } + public void setNomCourt(String nomCourt) { this.nomCourt = nomCourt; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getSiteWeb() { return siteWeb; } + public void setSiteWeb(String siteWeb) { this.siteWeb = siteWeb; } + + public String getLogo() { return logo; } + public void setLogo(String logo) { this.logo = logo; } + + public String getTypeAssociation() { return typeAssociation; } + public void setTypeAssociation(String typeAssociation) { this.typeAssociation = typeAssociation; } + + public LocalDate getDateFondation() { return dateFondation; } + public void setDateFondation(LocalDate dateFondation) { this.dateFondation = dateFondation; } + + public String getNumeroRegistre() { return numeroRegistre; } + public void setNumeroRegistre(String numeroRegistre) { this.numeroRegistre = numeroRegistre; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public Integer getNombreMembres() { return nombreMembres; } + public void setNombreMembres(Integer nombreMembres) { this.nombreMembres = nombreMembres; } + + public Integer getNombreAdministrateurs() { return nombreAdministrateurs; } + public void setNombreAdministrateurs(Integer nombreAdministrateurs) { this.nombreAdministrateurs = nombreAdministrateurs; } + + public String getResponsablePrincipal() { return responsablePrincipal; } + public void setResponsablePrincipal(String responsablePrincipal) { this.responsablePrincipal = responsablePrincipal; } + + public String getTelephoneResponsable() { return telephoneResponsable; } + public void setTelephoneResponsable(String telephoneResponsable) { this.telephoneResponsable = telephoneResponsable; } + + public String getEmailResponsable() { return emailResponsable; } + public void setEmailResponsable(String emailResponsable) { this.emailResponsable = emailResponsable; } + + public LocalDateTime getDateDerniereActivite() { return dateDerniereActivite; } + public void setDateDerniereActivite(LocalDateTime dateDerniereActivite) { this.dateDerniereActivite = dateDerniereActivite; } + + public String getRegion() { return region; } + public void setRegion(String region) { this.region = region; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getQuartier() { return quartier; } + public void setQuartier(String quartier) { this.quartier = quartier; } + + public String getPays() { return pays; } + public void setPays(String pays) { this.pays = pays; } + + public String getCodePostal() { return codePostal; } + public void setCodePostal(String codePostal) { this.codePostal = codePostal; } + + public String getActivitesPrincipales() { return activitesPrincipales; } + public void setActivitesPrincipales(String activitesPrincipales) { this.activitesPrincipales = activitesPrincipales; } + + public String getObjectifs() { return objectifs; } + public void setObjectifs(String objectifs) { this.objectifs = objectifs; } + + public String getPartenaires() { return partenaires; } + public void setPartenaires(String partenaires) { this.partenaires = partenaires; } + + public String getCertifications() { return certifications; } + public void setCertifications(String certifications) { this.certifications = certifications; } + + public String getReseauxSociaux() { return reseauxSociaux; } + public void setReseauxSociaux(String reseauxSociaux) { this.reseauxSociaux = reseauxSociaux; } + + public String getNotes() { return notes; } + public void setNotes(String notes) { this.notes = notes; } + + public Boolean getOrganisationPublique() { return organisationPublique; } + public void setOrganisationPublique(Boolean organisationPublique) { this.organisationPublique = organisationPublique; } + + public Boolean getAccepteNouveauxMembres() { return accepteNouveauxMembres; } + public void setAccepteNouveauxMembres(Boolean accepteNouveauxMembres) { this.accepteNouveauxMembres = accepteNouveauxMembres; } + + public Boolean getCotisationObligatoire() { return cotisationObligatoire; } + public void setCotisationObligatoire(Boolean cotisationObligatoire) { this.cotisationObligatoire = cotisationObligatoire; } + + public BigDecimal getBudgetAnnuel() { return budgetAnnuel; } + public void setBudgetAnnuel(BigDecimal budgetAnnuel) { this.budgetAnnuel = budgetAnnuel; } + + public String getDevise() { return devise; } + public void setDevise(String devise) { this.devise = devise; } + + public BigDecimal getMontantCotisationAnnuelle() { return montantCotisationAnnuelle; } + public void setMontantCotisationAnnuelle(BigDecimal montantCotisationAnnuelle) { this.montantCotisationAnnuelle = montantCotisationAnnuelle; } + + public String getTelephoneSecondaire() { return telephoneSecondaire; } + public void setTelephoneSecondaire(String telephoneSecondaire) { this.telephoneSecondaire = telephoneSecondaire; } + + public String getEmailSecondaire() { return emailSecondaire; } + public void setEmailSecondaire(String emailSecondaire) { this.emailSecondaire = emailSecondaire; } + + public UUID getOrganisationParenteId() { return organisationParenteId; } + public void setOrganisationParenteId(UUID organisationParenteId) { this.organisationParenteId = organisationParenteId; } + + public String getNomOrganisationParente() { return nomOrganisationParente; } + public void setNomOrganisationParente(String nomOrganisationParente) { this.nomOrganisationParente = nomOrganisationParente; } + + public Integer getNiveauHierarchique() { return niveauHierarchique; } + public void setNiveauHierarchique(Integer niveauHierarchique) { this.niveauHierarchique = niveauHierarchique; } + + public BigDecimal getLatitude() { return latitude; } + public void setLatitude(BigDecimal latitude) { this.latitude = latitude; } + + public BigDecimal getLongitude() { return longitude; } + public void setLongitude(BigDecimal longitude) { this.longitude = longitude; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateModification() { return dateModification; } + public void setDateModification(LocalDateTime dateModification) { this.dateModification = dateModification; } + + public Long getVersion() { return version; } + public void setVersion(Long version) { this.version = version; } + + public Boolean getActif() { return actif; } + public void setActif(Boolean actif) { this.actif = actif; } + + // Propriétés dérivées + public String getTypeLibelle() { + return switch (typeAssociation != null ? typeAssociation : "") { + case "LIONS_CLUB" -> "Club Lions"; + case "ASSOCIATION_LOCALE" -> "Association Locale"; + case "FEDERATION" -> "Fédération"; + case "COOPERATIVE" -> "Coopérative"; + case "MUTUELLE" -> "Mutuelle"; + case "SYNDICAT" -> "Syndicat"; + default -> typeAssociation; + }; + } + + public String getStatutLibelle() { + return switch (statut != null ? statut : "") { + case "ACTIVE" -> "Active"; + case "INACTIVE" -> "Inactive"; + case "SUSPENDUE" -> "Suspendue"; + case "DISSOUTE" -> "Dissoute"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut != null ? statut : "") { + case "ACTIVE" -> "success"; + case "INACTIVE" -> "warning"; + case "SUSPENDUE" -> "danger"; + case "DISSOUTE" -> "secondary"; + default -> "info"; + }; + } + + public String getAdresseComplete() { + StringBuilder addr = new StringBuilder(); + if (adresse != null && !adresse.trim().isEmpty()) { + addr.append(adresse); + } + if (quartier != null && !quartier.trim().isEmpty()) { + if (addr.length() > 0) addr.append(", "); + addr.append(quartier); + } + if (ville != null && !ville.trim().isEmpty()) { + if (addr.length() > 0) addr.append(", "); + addr.append(ville); + } + if (region != null && !region.trim().isEmpty()) { + if (addr.length() > 0) addr.append(", "); + addr.append(region); + } + return addr.toString(); + } + + @Override + public String toString() { + return "AssociationDTO{" + + "id=" + id + + ", nom='" + nom + '\'' + + ", typeAssociation='" + typeAssociation + '\'' + + ", statut='" + statut + '\'' + + ", nombreMembres=" + nombreMembres + + '}'; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/dto/AuditLogDTO.java b/src/main/java/dev/lions/unionflow/client/dto/AuditLogDTO.java new file mode 100644 index 0000000..0a6d6cd --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/AuditLogDTO.java @@ -0,0 +1,185 @@ +package dev.lions.unionflow.client.dto; + +import java.io.Serializable; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.UUID; + +/** + * DTO côté client pour les logs d'audit + * Correspond au AuditLogDTO du backend avec méthodes utilitaires pour l'affichage + * + * @author UnionFlow Team + * @version 1.0 + */ +public class AuditLogDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private UUID id; + private String typeAction; + private String severite; + private String utilisateur; + private String role; + private String module; + private String description; + private String details; + private String ipAddress; + private String userAgent; + private String sessionId; + private LocalDateTime dateHeure; + private String donneesAvant; + private String donneesApres; + private String entiteId; + private String entiteType; + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getTypeAction() { return typeAction; } + public void setTypeAction(String typeAction) { this.typeAction = typeAction; } + + public String getSeverite() { return severite; } + public void setSeverite(String severite) { this.severite = severite; } + + public String getUtilisateur() { return utilisateur; } + public void setUtilisateur(String utilisateur) { this.utilisateur = utilisateur; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public String getModule() { return module; } + public void setModule(String module) { this.module = module; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getDetails() { return details; } + public void setDetails(String details) { this.details = details; } + + public String getIpAddress() { return ipAddress; } + public void setIpAddress(String ipAddress) { this.ipAddress = ipAddress; } + + public String getUserAgent() { return userAgent; } + public void setUserAgent(String userAgent) { this.userAgent = userAgent; } + + public String getSessionId() { return sessionId; } + public void setSessionId(String sessionId) { this.sessionId = sessionId; } + + public LocalDateTime getDateHeure() { return dateHeure; } + public void setDateHeure(LocalDateTime dateHeure) { this.dateHeure = dateHeure; } + + public String getDonneesAvant() { return donneesAvant; } + public void setDonneesAvant(String donneesAvant) { this.donneesAvant = donneesAvant; } + + public String getDonneesApres() { return donneesApres; } + public void setDonneesApres(String donneesApres) { this.donneesApres = donneesApres; } + + public String getEntiteId() { return entiteId; } + public void setEntiteId(String entiteId) { this.entiteId = entiteId; } + + public String getEntiteType() { return entiteType; } + public void setEntiteType(String entiteType) { this.entiteType = entiteType; } + + // Méthodes utilitaires pour l'affichage + + public String getDateFormatee() { + if (dateHeure == null) return ""; + return dateHeure.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getHeureFormatee() { + if (dateHeure == null) return ""; + return dateHeure.format(DateTimeFormatter.ofPattern("HH:mm:ss")); + } + + public String getDateHeureComplete() { + if (dateHeure == null) return ""; + return dateHeure.format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm:ss")); + } + + public String getSeveriteLibelle() { + if (severite == null) return ""; + return switch (severite) { + case "SUCCESS" -> "Succès"; + case "INFO" -> "Info"; + case "WARNING" -> "Attention"; + case "ERROR" -> "Erreur"; + case "CRITICAL" -> "Critique"; + default -> severite; + }; + } + + public String getSeveriteSeverity() { + if (severite == null) return "secondary"; + return switch (severite) { + case "SUCCESS" -> "success"; + case "INFO" -> "info"; + case "WARNING" -> "warning"; + case "ERROR", "CRITICAL" -> "danger"; + default -> "secondary"; + }; + } + + public String getSeveriteIcon() { + if (severite == null) return "pi pi-circle"; + return switch (severite) { + case "SUCCESS" -> "pi pi-check"; + case "INFO" -> "pi pi-info"; + case "WARNING" -> "pi pi-exclamation-triangle"; + case "ERROR" -> "pi pi-times"; + case "CRITICAL" -> "pi pi-ban"; + default -> "pi pi-circle"; + }; + } + + public String getActionIcon() { + if (typeAction == null) return "pi pi-circle"; + return switch (typeAction) { + case "CONNEXION" -> "pi pi-sign-in"; + case "DECONNEXION" -> "pi pi-sign-out"; + case "CREATION" -> "pi pi-plus"; + case "MODIFICATION" -> "pi pi-pencil"; + case "SUPPRESSION" -> "pi pi-trash"; + case "CONSULTATION" -> "pi pi-eye"; + case "EXPORT" -> "pi pi-download"; + case "CONFIGURATION" -> "pi pi-cog"; + default -> "pi pi-circle"; + }; + } + + public String getActionLibelle() { + if (typeAction == null) return ""; + return switch (typeAction) { + case "CONNEXION" -> "Connexion"; + case "DECONNEXION" -> "Déconnexion"; + case "CREATION" -> "Création"; + case "MODIFICATION" -> "Modification"; + case "SUPPRESSION" -> "Suppression"; + case "CONSULTATION" -> "Consultation"; + case "EXPORT" -> "Export"; + case "CONFIGURATION" -> "Configuration"; + default -> typeAction; + }; + } + + public String getModuleLibelle() { + if (module == null) return ""; + return switch (module) { + case "AUTH" -> "Authentification"; + case "MEMBRES" -> "Membres"; + case "COTISATIONS" -> "Cotisations"; + case "EVENTS" -> "Événements"; + case "DOCUMENTS" -> "Documents"; + case "CONFIG" -> "Configuration"; + case "RAPPORTS" -> "Rapports"; + default -> module; + }; + } + + public String getUserAgentCourt() { + if (userAgent == null || userAgent.isEmpty()) return ""; + return userAgent.length() > 50 ? userAgent.substring(0, 50) + "..." : userAgent; + } +} diff --git a/src/main/java/dev/lions/unionflow/client/dto/CotisationDTO.java b/src/main/java/dev/lions/unionflow/client/dto/CotisationDTO.java new file mode 100644 index 0000000..218b4d3 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/CotisationDTO.java @@ -0,0 +1,270 @@ +package dev.lions.unionflow.client.dto; + +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.UUID; + +/** + * DTO pour la gestion des cotisations côté client + * Correspond au CotisationDTO du backend avec méthodes utilitaires pour l'affichage + * + * @author UnionFlow Team + * @version 1.0 + */ +public class CotisationDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private UUID id; + private String numeroReference; + private UUID membreId; + private String numeroMembre; + private String nomMembre; + private UUID associationId; + private String nomAssociation; + private String typeCotisation; + private String libelle; + private String description; + private BigDecimal montantDu; + private BigDecimal montantPaye; + private String codeDevise; + private String statut; + private LocalDate dateEcheance; + private LocalDateTime datePaiement; + private String methodePaiement; + private String referencePaiement; + private String observations; + private LocalDateTime dateCreation; + private String waveSessionId; + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNumeroReference() { return numeroReference; } + public void setNumeroReference(String numeroReference) { this.numeroReference = numeroReference; } + + public UUID getMembreId() { return membreId; } + public void setMembreId(UUID membreId) { this.membreId = membreId; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public UUID getAssociationId() { return associationId; } + public void setAssociationId(UUID associationId) { this.associationId = associationId; } + + public String getNomAssociation() { return nomAssociation; } + public void setNomAssociation(String nomAssociation) { this.nomAssociation = nomAssociation; } + + public String getTypeCotisation() { return typeCotisation; } + public void setTypeCotisation(String typeCotisation) { this.typeCotisation = typeCotisation; } + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public BigDecimal getMontantDu() { return montantDu; } + public void setMontantDu(BigDecimal montantDu) { this.montantDu = montantDu; } + + public BigDecimal getMontantPaye() { return montantPaye != null ? montantPaye : BigDecimal.ZERO; } + public void setMontantPaye(BigDecimal montantPaye) { this.montantPaye = montantPaye; } + + public String getCodeDevise() { return codeDevise; } + public void setCodeDevise(String codeDevise) { this.codeDevise = codeDevise; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public LocalDateTime getDatePaiement() { return datePaiement; } + public void setDatePaiement(LocalDateTime datePaiement) { this.datePaiement = datePaiement; } + + public String getMethodePaiement() { return methodePaiement; } + public void setMethodePaiement(String methodePaiement) { this.methodePaiement = methodePaiement; } + + public String getReferencePaiement() { return referencePaiement; } + public void setReferencePaiement(String referencePaiement) { this.referencePaiement = referencePaiement; } + + public String getObservations() { return observations; } + public void setObservations(String observations) { this.observations = observations; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public String getWaveSessionId() { return waveSessionId; } + public void setWaveSessionId(String waveSessionId) { this.waveSessionId = waveSessionId; } + + // Méthodes utilitaires pour l'affichage (alignées avec le backend) + + /** + * Vérifie si la cotisation est payée intégralement + */ + public boolean isPayeeIntegralement() { + return montantPaye != null && montantDu != null && montantPaye.compareTo(montantDu) >= 0; + } + + /** + * Vérifie si la cotisation est en retard + */ + public boolean isEnRetard() { + return dateEcheance != null && LocalDate.now().isAfter(dateEcheance) && !isPayeeIntegralement(); + } + + /** + * Calcule le montant restant à payer + */ + public BigDecimal getMontantRestant() { + if (montantDu == null) return BigDecimal.ZERO; + if (montantPaye == null) return montantDu; + BigDecimal restant = montantDu.subtract(montantPaye); + return restant.compareTo(BigDecimal.ZERO) > 0 ? restant : BigDecimal.ZERO; + } + + /** + * Calcule le pourcentage de paiement + */ + public int getPourcentagePaiement() { + if (montantDu == null || montantDu.compareTo(BigDecimal.ZERO) == 0) return 0; + if (montantPaye == null) return 0; + return montantPaye.multiply(BigDecimal.valueOf(100)) + .divide(montantDu, 0, java.math.RoundingMode.HALF_UP) + .intValue(); + } + + /** + * Calcule le nombre de jours de retard + */ + public long getJoursRetard() { + if (dateEcheance == null || !isEnRetard()) return 0; + return ChronoUnit.DAYS.between(dateEcheance, LocalDate.now()); + } + + /** + * Retourne le libellé du type de cotisation + */ + public String getTypeCotisationLibelle() { + if (typeCotisation == null) return "Non défini"; + return switch (typeCotisation) { + case "MENSUELLE" -> "Mensuelle"; + case "TRIMESTRIELLE" -> "Trimestrielle"; + case "SEMESTRIELLE" -> "Semestrielle"; + case "ANNUELLE" -> "Annuelle"; + case "EXCEPTIONNELLE" -> "Exceptionnelle"; + case "ADHESION" -> "Adhésion"; + default -> typeCotisation; + }; + } + + /** + * Retourne le libellé du statut + */ + public String getStatutLibelle() { + if (statut == null) return "Non défini"; + return switch (statut) { + case "EN_ATTENTE" -> "En attente"; + case "PAYEE" -> "Payée"; + case "PARTIELLEMENT_PAYEE" -> "Partiellement payée"; + case "EN_RETARD" -> "En retard"; + case "ANNULEE" -> "Annulée"; + case "REMBOURSEE" -> "Remboursée"; + default -> statut; + }; + } + + /** + * Retourne le libellé de la méthode de paiement + */ + public String getMethodePaiementLibelle() { + if (methodePaiement == null) return "Non défini"; + return switch (methodePaiement) { + case "ESPECES" -> "Espèces"; + case "VIREMENT" -> "Virement bancaire"; + case "CHEQUE" -> "Chèque"; + case "WAVE_MONEY" -> "Wave Money"; + case "ORANGE_MONEY" -> "Orange Money"; + case "FREE_MONEY" -> "Free Money"; + case "CARTE_BANCAIRE" -> "Carte bancaire"; + default -> methodePaiement; + }; + } + + /** + * Retourne la sévérité du statut pour PrimeFaces + */ + public String getStatutSeverity() { + if (statut == null) return "secondary"; + return switch (statut) { + case "PAYEE" -> "success"; + case "EN_ATTENTE" -> "warning"; + case "EN_RETARD" -> "danger"; + case "PARTIELLEMENT_PAYEE" -> "info"; + case "ANNULEE", "REMBOURSEE" -> "secondary"; + default -> "secondary"; + }; + } + + /** + * Retourne l'icône du statut pour PrimeFaces + */ + public String getStatutIcon() { + if (statut == null) return "pi-circle"; + return switch (statut) { + case "PAYEE" -> "pi-check"; + case "EN_ATTENTE" -> "pi-clock"; + case "EN_RETARD" -> "pi-exclamation-triangle"; + case "PARTIELLEMENT_PAYEE" -> "pi-minus"; + default -> "pi-circle"; + }; + } + + /** + * Formate la date d'échéance + */ + public String getDateEcheanceFormatee() { + if (dateEcheance == null) return ""; + return dateEcheance.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + /** + * Formate la date de paiement + */ + public String getDatePaiementFormatee() { + if (datePaiement == null) return ""; + return datePaiement.format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm")); + } + + /** + * Formate le montant dû + */ + public String getMontantDuFormatte() { + if (montantDu == null) return "0 FCFA"; + return String.format("%,.0f FCFA", montantDu.doubleValue()); + } + + /** + * Formate le montant payé + */ + public String getMontantPayeFormatte() { + if (montantPaye == null) return "0 FCFA"; + return String.format("%,.0f FCFA", montantPaye.doubleValue()); + } + + /** + * Formate le montant restant + */ + public String getMontantRestantFormatte() { + return String.format("%,.0f FCFA", getMontantRestant().doubleValue()); + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/dto/DemandeAideDTO.java b/src/main/java/dev/lions/unionflow/client/dto/DemandeAideDTO.java new file mode 100644 index 0000000..4c06ceb --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/DemandeAideDTO.java @@ -0,0 +1,99 @@ +package dev.lions.unionflow.client.dto; + +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.util.UUID; + +public class DemandeAideDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private UUID id; + private String numeroReference; + private String type; + private String titre; + private String description; + private String justification; + private BigDecimal montantDemande; + private BigDecimal montantAccorde; + private String statut; + private String urgence; + private String localisation; + private String motif; + private UUID demandeurId; + private String demandeur; + private String telephone; + private String email; + private LocalDate dateDemande; + private LocalDate dateLimite; + private String responsableTraitement; + private UUID organisationId; + private LocalDateTime dateCreation; + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNumeroReference() { return numeroReference; } + public void setNumeroReference(String numeroReference) { this.numeroReference = numeroReference; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getJustification() { return justification; } + public void setJustification(String justification) { this.justification = justification; } + + public BigDecimal getMontantDemande() { return montantDemande; } + public void setMontantDemande(BigDecimal montantDemande) { this.montantDemande = montantDemande; } + + public BigDecimal getMontantAccorde() { return montantAccorde; } + public void setMontantAccorde(BigDecimal montantAccorde) { this.montantAccorde = montantAccorde; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getUrgence() { return urgence; } + public void setUrgence(String urgence) { this.urgence = urgence; } + + public String getLocalisation() { return localisation; } + public void setLocalisation(String localisation) { this.localisation = localisation; } + + public String getMotif() { return motif; } + public void setMotif(String motif) { this.motif = motif; } + + public UUID getDemandeurId() { return demandeurId; } + public void setDemandeurId(UUID demandeurId) { this.demandeurId = demandeurId; } + + public String getDemandeur() { return demandeur; } + public void setDemandeur(String demandeur) { this.demandeur = demandeur; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public LocalDate getDateDemande() { return dateDemande; } + public void setDateDemande(LocalDate dateDemande) { this.dateDemande = dateDemande; } + + public LocalDate getDateLimite() { return dateLimite; } + public void setDateLimite(LocalDate dateLimite) { this.dateLimite = dateLimite; } + + public String getResponsableTraitement() { return responsableTraitement; } + public void setResponsableTraitement(String responsableTraitement) { this.responsableTraitement = responsableTraitement; } + + public UUID getOrganisationId() { return organisationId; } + public void setOrganisationId(UUID organisationId) { this.organisationId = organisationId; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } +} + diff --git a/src/main/java/dev/lions/unionflow/client/dto/EvenementDTO.java b/src/main/java/dev/lions/unionflow/client/dto/EvenementDTO.java new file mode 100644 index 0000000..e660535 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/EvenementDTO.java @@ -0,0 +1,492 @@ +package dev.lions.unionflow.client.dto; + +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.LocalTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.UUID; + +/** + * DTO pour la gestion des événements côté client + * Correspond au EvenementDTO du backend avec méthodes utilitaires pour l'affichage + * + * @author UnionFlow Team + * @version 2.0 + */ +public class EvenementDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + // Propriétés de base + private UUID id; + private String titre; + private String description; + private String typeEvenement; // ASSEMBLEE_GENERALE, FORMATION, etc. + private String statut; // PLANIFIE, CONFIRME, EN_COURS, TERMINE, ANNULE, REPORTE + private String priorite; // CRITIQUE, HAUTE, NORMALE, BASSE + + // Dates et heures + private LocalDate dateDebut; + private LocalDate dateFin; + private LocalTime heureDebut; + private LocalTime heureFin; + private LocalDate dateLimiteInscription; + + // Localisation + private String lieu; + private String adresse; + private String ville; + private String region; + private BigDecimal latitude; + private BigDecimal longitude; + + // Organisation + private UUID associationId; + private String nomAssociation; + private String organisateur; + private String emailOrganisateur; + private String telephoneOrganisateur; + + // Participants + private Integer capaciteMax; + private Integer participantsInscrits; + private Integer participantsPresents; + + // Budget + private BigDecimal budget; + private BigDecimal coutReel; + private String codeDevise; + + // Options + private Boolean inscriptionObligatoire; + private Boolean evenementPublic; + private Boolean recurrent; + private String frequenceRecurrence; + + // Informations complémentaires + private String instructions; + private String materielNecessaire; + private String conditionsMeteo; + private String imageUrl; + private String couleurTheme; + + // Annulation + private LocalDateTime dateAnnulation; + private String raisonAnnulation; + private String nomAnnulateur; + + // Métadonnées + private LocalDateTime dateCreation; + private LocalDateTime dateModification; + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getTypeEvenement() { return typeEvenement; } + public void setTypeEvenement(String typeEvenement) { this.typeEvenement = typeEvenement; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + + public LocalTime getHeureDebut() { return heureDebut; } + public void setHeureDebut(LocalTime heureDebut) { this.heureDebut = heureDebut; } + + public LocalTime getHeureFin() { return heureFin; } + public void setHeureFin(LocalTime heureFin) { this.heureFin = heureFin; } + + public LocalDate getDateLimiteInscription() { return dateLimiteInscription; } + public void setDateLimiteInscription(LocalDate dateLimiteInscription) { this.dateLimiteInscription = dateLimiteInscription; } + + public String getLieu() { return lieu; } + public void setLieu(String lieu) { this.lieu = lieu; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getRegion() { return region; } + public void setRegion(String region) { this.region = region; } + + public BigDecimal getLatitude() { return latitude; } + public void setLatitude(BigDecimal latitude) { this.latitude = latitude; } + + public BigDecimal getLongitude() { return longitude; } + public void setLongitude(BigDecimal longitude) { this.longitude = longitude; } + + public UUID getAssociationId() { return associationId; } + public void setAssociationId(UUID associationId) { this.associationId = associationId; } + + public String getNomAssociation() { return nomAssociation; } + public void setNomAssociation(String nomAssociation) { this.nomAssociation = nomAssociation; } + + public String getOrganisateur() { return organisateur; } + public void setOrganisateur(String organisateur) { this.organisateur = organisateur; } + + public String getEmailOrganisateur() { return emailOrganisateur; } + public void setEmailOrganisateur(String emailOrganisateur) { this.emailOrganisateur = emailOrganisateur; } + + public String getTelephoneOrganisateur() { return telephoneOrganisateur; } + public void setTelephoneOrganisateur(String telephoneOrganisateur) { this.telephoneOrganisateur = telephoneOrganisateur; } + + public Integer getCapaciteMax() { return capaciteMax; } + public void setCapaciteMax(Integer capaciteMax) { this.capaciteMax = capaciteMax; } + + public Integer getParticipantsInscrits() { return participantsInscrits != null ? participantsInscrits : 0; } + public void setParticipantsInscrits(Integer participantsInscrits) { this.participantsInscrits = participantsInscrits; } + + public Integer getParticipantsPresents() { return participantsPresents != null ? participantsPresents : 0; } + public void setParticipantsPresents(Integer participantsPresents) { this.participantsPresents = participantsPresents; } + + public BigDecimal getBudget() { return budget; } + public void setBudget(BigDecimal budget) { this.budget = budget; } + + public BigDecimal getCoutReel() { return coutReel; } + public void setCoutReel(BigDecimal coutReel) { this.coutReel = coutReel; } + + public String getCodeDevise() { return codeDevise != null ? codeDevise : "XOF"; } + public void setCodeDevise(String codeDevise) { this.codeDevise = codeDevise; } + + public Boolean getInscriptionObligatoire() { return inscriptionObligatoire != null ? inscriptionObligatoire : false; } + public void setInscriptionObligatoire(Boolean inscriptionObligatoire) { this.inscriptionObligatoire = inscriptionObligatoire; } + + public Boolean getEvenementPublic() { return evenementPublic != null ? evenementPublic : true; } + public void setEvenementPublic(Boolean evenementPublic) { this.evenementPublic = evenementPublic; } + + public Boolean getRecurrent() { return recurrent != null ? recurrent : false; } + public void setRecurrent(Boolean recurrent) { this.recurrent = recurrent; } + + public String getFrequenceRecurrence() { return frequenceRecurrence; } + public void setFrequenceRecurrence(String frequenceRecurrence) { this.frequenceRecurrence = frequenceRecurrence; } + + public String getInstructions() { return instructions; } + public void setInstructions(String instructions) { this.instructions = instructions; } + + public String getMaterielNecessaire() { return materielNecessaire; } + public void setMaterielNecessaire(String materielNecessaire) { this.materielNecessaire = materielNecessaire; } + + public String getConditionsMeteo() { return conditionsMeteo; } + public void setConditionsMeteo(String conditionsMeteo) { this.conditionsMeteo = conditionsMeteo; } + + public String getImageUrl() { return imageUrl; } + public void setImageUrl(String imageUrl) { this.imageUrl = imageUrl; } + + public String getCouleurTheme() { return couleurTheme; } + public void setCouleurTheme(String couleurTheme) { this.couleurTheme = couleurTheme; } + + public LocalDateTime getDateAnnulation() { return dateAnnulation; } + public void setDateAnnulation(LocalDateTime dateAnnulation) { this.dateAnnulation = dateAnnulation; } + + public String getRaisonAnnulation() { return raisonAnnulation; } + public void setRaisonAnnulation(String raisonAnnulation) { this.raisonAnnulation = raisonAnnulation; } + + public String getNomAnnulateur() { return nomAnnulateur; } + public void setNomAnnulateur(String nomAnnulateur) { this.nomAnnulateur = nomAnnulateur; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateModification() { return dateModification; } + public void setDateModification(LocalDateTime dateModification) { this.dateModification = dateModification; } + + // Méthodes utilitaires pour l'affichage + + /** + * Retourne le libellé du type d'événement + */ + public String getTypeEvenementLibelle() { + if (typeEvenement == null) return "Non défini"; + return switch (typeEvenement) { + case "ASSEMBLEE_GENERALE" -> "Assemblée Générale"; + case "FORMATION" -> "Formation"; + case "ACTIVITE_SOCIALE" -> "Activité Sociale"; + case "ACTION_CARITATIVE" -> "Action Caritative"; + case "REUNION_BUREAU" -> "Réunion de Bureau"; + case "CONFERENCE" -> "Conférence"; + case "ATELIER" -> "Atelier"; + case "CEREMONIE" -> "Cérémonie"; + case "AUTRE" -> "Autre"; + default -> typeEvenement; + }; + } + + /** + * Retourne la sévérité PrimeFaces pour le type + */ + public String getTypeEvenementSeverity() { + if (typeEvenement == null) return "info"; + return switch (typeEvenement) { + case "ASSEMBLEE_GENERALE" -> "danger"; + case "REUNION_BUREAU" -> "warning"; + case "FORMATION" -> "success"; + case "ACTION_CARITATIVE" -> "info"; + case "ACTIVITE_SOCIALE" -> "secondary"; + default -> "primary"; + }; + } + + /** + * Retourne l'icône PrimeFaces pour le type + */ + public String getTypeEvenementIcon() { + if (typeEvenement == null) return "pi-calendar"; + return switch (typeEvenement) { + case "ASSEMBLEE_GENERALE" -> "pi-sitemap"; + case "REUNION_BUREAU" -> "pi-users"; + case "FORMATION" -> "pi-book"; + case "ACTION_CARITATIVE", "ACTIVITE_SOCIALE" -> "pi-heart"; + case "CONFERENCE" -> "pi-microphone"; + case "ATELIER" -> "pi-wrench"; + case "CEREMONIE" -> "pi-star"; + default -> "pi-calendar"; + }; + } + + /** + * Retourne le libellé du statut + */ + public String getStatutLibelle() { + if (statut == null) return "Non défini"; + return switch (statut) { + case "PLANIFIE" -> "Planifié"; + case "CONFIRME" -> "Confirmé"; + case "EN_COURS" -> "En cours"; + case "TERMINE" -> "Terminé"; + case "ANNULE" -> "Annulé"; + case "REPORTE" -> "Reporté"; + default -> statut; + }; + } + + /** + * Retourne la sévérité PrimeFaces pour le statut + */ + public String getStatutSeverity() { + if (statut == null) return "info"; + return switch (statut) { + case "PLANIFIE" -> "info"; + case "CONFIRME" -> "success"; + case "EN_COURS" -> "warning"; + case "TERMINE" -> "success"; + case "ANNULE" -> "error"; + case "REPORTE" -> "warn"; + default -> "info"; + }; + } + + /** + * Retourne l'icône PrimeFaces pour le statut + */ + public String getStatutIcon() { + if (statut == null) return "pi-circle"; + return switch (statut) { + case "PLANIFIE" -> "pi-clock"; + case "CONFIRME" -> "pi-check-circle"; + case "EN_COURS" -> "pi-play"; + case "TERMINE" -> "pi-check"; + case "ANNULE" -> "pi-ban"; + case "REPORTE" -> "pi-calendar-times"; + default -> "pi-circle"; + }; + } + + /** + * Retourne le libellé de la priorité + */ + public String getPrioriteLibelle() { + if (priorite == null) return "Normale"; + return switch (priorite) { + case "CRITIQUE" -> "Critique"; + case "HAUTE" -> "Haute"; + case "NORMALE" -> "Normale"; + case "BASSE" -> "Basse"; + default -> priorite; + }; + } + + /** + * Retourne la sévérité PrimeFaces pour la priorité + */ + public String getPrioriteSeverity() { + if (priorite == null) return "info"; + return switch (priorite) { + case "CRITIQUE" -> "error"; + case "HAUTE" -> "warning"; + case "NORMALE" -> "info"; + case "BASSE" -> "secondary"; + default -> "info"; + }; + } + + /** + * Formate la date de début + */ + public String getDateDebutFormatee() { + if (dateDebut == null) return ""; + return dateDebut.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + /** + * Formate la date de fin + */ + public String getDateFinFormatee() { + if (dateFin == null) return ""; + return dateFin.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + /** + * Formate l'heure de début + */ + public String getHeureDebutFormatee() { + if (heureDebut == null) return ""; + return heureDebut.format(DateTimeFormatter.ofPattern("HH:mm")); + } + + /** + * Formate l'heure de fin + */ + public String getHeureFinFormatee() { + if (heureFin == null) return ""; + return heureFin.format(DateTimeFormatter.ofPattern("HH:mm")); + } + + /** + * Formate le budget + */ + public String getBudgetFormate() { + if (budget == null) return "0 FCFA"; + return String.format("%,.0f %s", budget.doubleValue(), getCodeDevise()); + } + + /** + * Calcule le nombre de places disponibles + */ + public int getPlacesDisponibles() { + if (capaciteMax == null || capaciteMax == 0) return 0; + int inscrits = getParticipantsInscrits(); + return Math.max(0, capaciteMax - inscrits); + } + + /** + * Calcule le taux de remplissage en pourcentage + */ + public int getTauxRemplissage() { + if (capaciteMax == null || capaciteMax == 0) return 0; + int inscrits = getParticipantsInscrits(); + return (inscrits * 100) / capaciteMax; + } + + /** + * Calcule le taux de présence en pourcentage + */ + public int getTauxPresence() { + int inscrits = getParticipantsInscrits(); + if (inscrits == 0) return 0; + int presents = getParticipantsPresents(); + return (presents * 100) / inscrits; + } + + /** + * Calcule le nombre de jours restants avant l'événement + */ + public long getJoursRestants() { + if (dateDebut == null) return 0; + return ChronoUnit.DAYS.between(LocalDate.now(), dateDebut); + } + + /** + * Vérifie si l'événement est complet + */ + public boolean isComplet() { + if (capaciteMax == null || capaciteMax == 0) return false; + return getParticipantsInscrits() >= capaciteMax; + } + + /** + * Vérifie si l'événement est en cours + */ + public boolean isEnCours() { + return "EN_COURS".equals(statut); + } + + /** + * Vérifie si l'événement est terminé + */ + public boolean isTermine() { + return "TERMINE".equals(statut); + } + + /** + * Vérifie si l'événement est annulé + */ + public boolean isAnnule() { + return "ANNULE".equals(statut); + } + + /** + * Vérifie si les inscriptions sont ouvertes + */ + public boolean sontInscriptionsOuvertes() { + if (isAnnule() || isTermine()) return false; + if (dateLimiteInscription != null && LocalDate.now().isAfter(dateLimiteInscription)) return false; + return !isComplet(); + } + + /** + * Retourne l'adresse complète formatée + */ + public String getAdresseComplete() { + StringBuilder sb = new StringBuilder(); + if (lieu != null && !lieu.trim().isEmpty()) { + sb.append(lieu); + } + if (adresse != null && !adresse.trim().isEmpty()) { + if (sb.length() > 0) sb.append(", "); + sb.append(adresse); + } + if (ville != null && !ville.trim().isEmpty()) { + if (sb.length() > 0) sb.append(", "); + sb.append(ville); + } + if (region != null && !region.trim().isEmpty()) { + if (sb.length() > 0) sb.append(", "); + sb.append(region); + } + return sb.toString(); + } + + /** + * Calcule la durée en heures + */ + public long getDureeEnHeures() { + if (heureDebut == null || heureFin == null) return 0; + return ChronoUnit.HOURS.between(heureDebut, heureFin); + } + + /** + * Vérifie si l'événement dure plusieurs jours + */ + public boolean isEvenementMultiJours() { + return dateFin != null && dateDebut != null && !dateDebut.equals(dateFin); + } +} diff --git a/src/main/java/dev/lions/unionflow/client/dto/FormulaireDTO.java b/src/main/java/dev/lions/unionflow/client/dto/FormulaireDTO.java new file mode 100644 index 0000000..338c1d3 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/FormulaireDTO.java @@ -0,0 +1,181 @@ +package dev.lions.unionflow.client.dto; + +import jakarta.validation.constraints.NotNull; +import jakarta.validation.constraints.Positive; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDateTime; +import java.util.UUID; + +public class FormulaireDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private UUID id; + + @NotNull + private String nom; + + private String description; + + @NotNull + @Positive + private Integer quotaMaxMembres; + + @NotNull + private BigDecimal prixMensuel; + + @NotNull + private BigDecimal prixAnnuel; + + private String deviseCode = "XOF"; // Franc CFA + + private boolean actif = true; + + private boolean recommande = false; + + private String couleurTheme; + + private String iconeFormulaire; + + // Fonctionnalités incluses + private boolean gestionMembres = true; + private boolean gestionCotisations = true; + private boolean gestionEvenements = false; + private boolean gestionAides = false; + private boolean rapportsAvances = false; + private boolean supportPrioritaire = false; + private boolean sauvegardeAutomatique = false; + private boolean personnalisationAvancee = false; + private boolean integrationPaiement = false; + private boolean notificationsEmail = false; + private boolean notificationsSMS = false; + private boolean gestionDocuments = false; + + // Métadonnées + private LocalDateTime dateCreation; + private LocalDateTime dateMiseAJour; + private String creePar; + private String modifiePar; + + public FormulaireDTO() {} + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public Integer getQuotaMaxMembres() { return quotaMaxMembres; } + public void setQuotaMaxMembres(Integer quotaMaxMembres) { this.quotaMaxMembres = quotaMaxMembres; } + + public BigDecimal getPrixMensuel() { return prixMensuel; } + public void setPrixMensuel(BigDecimal prixMensuel) { this.prixMensuel = prixMensuel; } + + public BigDecimal getPrixAnnuel() { return prixAnnuel; } + public void setPrixAnnuel(BigDecimal prixAnnuel) { this.prixAnnuel = prixAnnuel; } + + public String getDeviseCode() { return deviseCode; } + public void setDeviseCode(String deviseCode) { this.deviseCode = deviseCode; } + + public boolean isActif() { return actif; } + public void setActif(boolean actif) { this.actif = actif; } + + public boolean isRecommande() { return recommande; } + public void setRecommande(boolean recommande) { this.recommande = recommande; } + + public String getCouleurTheme() { return couleurTheme; } + public void setCouleurTheme(String couleurTheme) { this.couleurTheme = couleurTheme; } + + public String getIconeFormulaire() { return iconeFormulaire; } + public void setIconeFormulaire(String iconeFormulaire) { this.iconeFormulaire = iconeFormulaire; } + + // Fonctionnalités + public boolean isGestionMembres() { return gestionMembres; } + public void setGestionMembres(boolean gestionMembres) { this.gestionMembres = gestionMembres; } + + public boolean isGestionCotisations() { return gestionCotisations; } + public void setGestionCotisations(boolean gestionCotisations) { this.gestionCotisations = gestionCotisations; } + + public boolean isGestionEvenements() { return gestionEvenements; } + public void setGestionEvenements(boolean gestionEvenements) { this.gestionEvenements = gestionEvenements; } + + public boolean isGestionAides() { return gestionAides; } + public void setGestionAides(boolean gestionAides) { this.gestionAides = gestionAides; } + + public boolean isRapportsAvances() { return rapportsAvances; } + public void setRapportsAvances(boolean rapportsAvances) { this.rapportsAvances = rapportsAvances; } + + public boolean isSupportPrioritaire() { return supportPrioritaire; } + public void setSupportPrioritaire(boolean supportPrioritaire) { this.supportPrioritaire = supportPrioritaire; } + + public boolean isSauvegardeAutomatique() { return sauvegardeAutomatique; } + public void setSauvegardeAutomatique(boolean sauvegardeAutomatique) { this.sauvegardeAutomatique = sauvegardeAutomatique; } + + public boolean isPersonnalisationAvancee() { return personnalisationAvancee; } + public void setPersonnalisationAvancee(boolean personnalisationAvancee) { this.personnalisationAvancee = personnalisationAvancee; } + + public boolean isIntegrationPaiement() { return integrationPaiement; } + public void setIntegrationPaiement(boolean integrationPaiement) { this.integrationPaiement = integrationPaiement; } + + public boolean isNotificationsEmail() { return notificationsEmail; } + public void setNotificationsEmail(boolean notificationsEmail) { this.notificationsEmail = notificationsEmail; } + + public boolean isNotificationsSMS() { return notificationsSMS; } + public void setNotificationsSMS(boolean notificationsSMS) { this.notificationsSMS = notificationsSMS; } + + public boolean isGestionDocuments() { return gestionDocuments; } + public void setGestionDocuments(boolean gestionDocuments) { this.gestionDocuments = gestionDocuments; } + + // Métadonnées + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateMiseAJour() { return dateMiseAJour; } + public void setDateMiseAJour(LocalDateTime dateMiseAJour) { this.dateMiseAJour = dateMiseAJour; } + + public String getCreePar() { return creePar; } + public void setCreePar(String creePar) { this.creePar = creePar; } + + public String getModifiePar() { return modifiePar; } + public void setModifiePar(String modifiePar) { this.modifiePar = modifiePar; } + + // Méthodes utilitaires + public String getPrixMensuelFormat() { + return String.format("%,.0f %s", prixMensuel, deviseCode); + } + + public String getPrixAnnuelFormat() { + return String.format("%,.0f %s", prixAnnuel, deviseCode); + } + + public BigDecimal getEconomieAnnuelle() { + if (prixMensuel != null && prixAnnuel != null) { + BigDecimal coutMensuelAnnuel = prixMensuel.multiply(BigDecimal.valueOf(12)); + return coutMensuelAnnuel.subtract(prixAnnuel); + } + return BigDecimal.ZERO; + } + + public String getEconomieAnnuelleFormat() { + BigDecimal economie = getEconomieAnnuelle(); + return String.format("%,.0f %s", economie, deviseCode); + } + + public int getPourcentageEconomie() { + if (prixMensuel != null && prixAnnuel != null) { + BigDecimal coutMensuelAnnuel = prixMensuel.multiply(BigDecimal.valueOf(12)); + BigDecimal economie = getEconomieAnnuelle(); + if (coutMensuelAnnuel.compareTo(BigDecimal.ZERO) > 0) { + return economie.multiply(BigDecimal.valueOf(100)) + .divide(coutMensuelAnnuel, 0, java.math.RoundingMode.HALF_UP) + .intValue(); + } + } + return 0; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/dto/MembreDTO.java b/src/main/java/dev/lions/unionflow/client/dto/MembreDTO.java new file mode 100644 index 0000000..0a4a183 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/MembreDTO.java @@ -0,0 +1,320 @@ +package dev.lions.unionflow.client.dto; + +import dev.lions.unionflow.client.validation.ValidPhoneNumber; +import dev.lions.unionflow.client.validation.ValidMemberNumber; +import dev.lions.unionflow.client.validation.ValidationGroups; +import com.fasterxml.jackson.annotation.JsonFormat; +import jakarta.validation.constraints.*; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.io.Serializable; +import java.util.UUID; + +public class MembreDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private UUID id; + + /** Numéro unique du membre - OPTIONNEL (généré automatiquement si non fourni) */ + @Size(max = 50, message = "Le numéro de membre ne peut pas dépasser 50 caractères") + private String numeroMembre; + + /** Nom de famille du membre - OBLIGATOIRE */ + @NotBlank(message = "Le nom est obligatoire") + @Size(min = 2, max = 50, message = "Le nom doit contenir entre 2 et 50 caractères") + @Pattern(regexp = "^[a-zA-ZÀ-ÿ\\s\\-']+$", message = "Le nom ne peut contenir que des lettres, espaces, tirets et apostrophes") + private String nom; + + /** Prénom du membre - OBLIGATOIRE */ + @NotBlank(message = "Le prénom est obligatoire") + @Size(min = 2, max = 50, message = "Le prénom doit contenir entre 2 et 50 caractères") + @Pattern(regexp = "^[a-zA-ZÀ-ÿ\\s\\-']+$", message = "Le prénom ne peut contenir que des lettres, espaces, tirets et apostrophes") + private String prenom; + + /** Adresse email du membre - OBLIGATOIRE */ + @NotBlank(message = "L'email est obligatoire") + @Email(message = "Format d'email invalide") + @Size(max = 100, message = "L'email ne peut pas dépasser 100 caractères") + private String email; + + /** Numéro de téléphone du membre - OPTIONNEL (format flexible) */ + @Size(max = 20, message = "Le téléphone ne peut pas dépasser 20 caractères") + private String telephone; + + /** Date de naissance du membre - OPTIONNELLE (définie par défaut à il y a 18 ans si non fournie) */ + @JsonFormat(pattern = "yyyy-MM-dd") + @Past(message = "La date de naissance doit être dans le passé") + private LocalDate dateNaissance; + + @Size(max = 200, message = "L'adresse ne peut pas dépasser 200 caractères") + private String adresse; + + @Size(max = 100, message = "La profession ne peut pas dépasser 100 caractères") + private String profession; + + @Size(max = 20, message = "Le statut matrimonial ne peut pas dépasser 20 caractères") + private String statutMatrimonial; + + @Size(max = 50, message = "La nationalité ne peut pas dépasser 50 caractères") + private String nationalite; + + @Size(max = 50, message = "Le numéro d'identité ne peut pas dépasser 50 caractères") + private String numeroIdentite; + + @Size(max = 20, message = "Le type d'identité ne peut pas dépasser 20 caractères") + private String typeIdentite; + + /** URL de la photo de profil - OPTIONNELLE */ + @Size(max = 255, message = "L'URL de la photo ne peut pas dépasser 255 caractères") + private String photoUrl; + + /** Statut du membre - OBLIGATOIRE */ + @NotNull(message = "Le statut est obligatoire") + private String statut; + + /** Identifiant de l'association - OBLIGATOIRE */ + @NotNull(message = "L'association est obligatoire") + private UUID associationId; + + /** Nom de l'association (lecture seule) */ + private String associationNom; + + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateInscription; + + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateDerniereModification; + + private String creePar; + private String modifiePar; + + private Boolean membreBureau = false; + private Boolean responsable = false; + + @JsonFormat(pattern = "yyyy-MM-dd") + private LocalDate dateAdhesion; + + @Size(max = 50, message = "La région ne peut pas dépasser 50 caractères") + private String region; + + @Size(max = 50, message = "La ville ne peut pas dépasser 50 caractères") + private String ville; + + @Size(max = 50, message = "Le quartier ne peut pas dépasser 50 caractères") + private String quartier; + + @Size(max = 50, message = "Le rôle ne peut pas dépasser 50 caractères") + private String role; + + // Constructeurs + public MembreDTO() {} + + public MembreDTO(String numeroMembre, String nom, String prenom, String email) { + this.numeroMembre = numeroMembre; + this.nom = nom; + this.prenom = prenom; + this.email = email; + this.statut = "ACTIF"; + this.dateInscription = LocalDateTime.now(); + } + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public LocalDate getDateNaissance() { return dateNaissance; } + public void setDateNaissance(LocalDate dateNaissance) { this.dateNaissance = dateNaissance; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public String getStatutMatrimonial() { return statutMatrimonial; } + public void setStatutMatrimonial(String statutMatrimonial) { this.statutMatrimonial = statutMatrimonial; } + + public String getNationalite() { return nationalite; } + public void setNationalite(String nationalite) { this.nationalite = nationalite; } + + public String getNumeroIdentite() { return numeroIdentite; } + public void setNumeroIdentite(String numeroIdentite) { this.numeroIdentite = numeroIdentite; } + + public String getTypeIdentite() { return typeIdentite; } + public void setTypeIdentite(String typeIdentite) { this.typeIdentite = typeIdentite; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public UUID getAssociationId() { return associationId; } + public void setAssociationId(UUID associationId) { this.associationId = associationId; } + + public String getAssociationNom() { return associationNom; } + public void setAssociationNom(String associationNom) { this.associationNom = associationNom; } + + public LocalDateTime getDateInscription() { return dateInscription; } + public void setDateInscription(LocalDateTime dateInscription) { this.dateInscription = dateInscription; } + + public LocalDateTime getDateDerniereModification() { return dateDerniereModification; } + public void setDateDerniereModification(LocalDateTime dateDerniereModification) { this.dateDerniereModification = dateDerniereModification; } + + public String getCreePar() { return creePar; } + public void setCreePar(String creePar) { this.creePar = creePar; } + + public String getModifiePar() { return modifiePar; } + public void setModifiePar(String modifiePar) { this.modifiePar = modifiePar; } + + public String getPhotoUrl() { return photoUrl; } + public void setPhotoUrl(String photoUrl) { this.photoUrl = photoUrl; } + + public Boolean getMembreBureau() { return membreBureau; } + public void setMembreBureau(Boolean membreBureau) { this.membreBureau = membreBureau; } + + public Boolean getResponsable() { return responsable; } + public void setResponsable(Boolean responsable) { this.responsable = responsable; } + + public LocalDate getDateAdhesion() { return dateAdhesion; } + public void setDateAdhesion(LocalDate dateAdhesion) { this.dateAdhesion = dateAdhesion; } + + public String getRegion() { return region; } + public void setRegion(String region) { this.region = region; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getQuartier() { return quartier; } + public void setQuartier(String quartier) { this.quartier = quartier; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + // Propriétés dérivées + public String getNomComplet() { + return (prenom != null ? prenom : "") + " " + (nom != null ? nom : ""); + } + + public String getInitiales() { + StringBuilder initiales = new StringBuilder(); + if (prenom != null && !prenom.isEmpty()) { + initiales.append(prenom.charAt(0)); + } + if (nom != null && !nom.isEmpty()) { + initiales.append(nom.charAt(0)); + } + return initiales.toString().toUpperCase(); + } + + public String getStatutLibelle() { + return switch (statut != null ? statut : "") { + case "ACTIF" -> "Actif"; + case "INACTIF" -> "Inactif"; + case "SUSPENDU" -> "Suspendu"; + case "RADIE" -> "Radié"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut != null ? statut : "") { + case "ACTIF" -> "success"; + case "INACTIF" -> "warning"; + case "SUSPENDU" -> "danger"; + case "RADIE" -> "secondary"; + default -> "info"; + }; + } + + public String getStatutIcon() { + return switch (statut != null ? statut : "") { + case "ACTIF" -> "pi-check"; + case "INACTIF" -> "pi-times"; + case "SUSPENDU" -> "pi-ban"; + case "RADIE" -> "pi-trash"; + default -> "pi-question"; + }; + } + + // Propriétés pour le type de membre (à adapter selon votre logique métier) + public String getTypeMembre() { + // Retourne le type basé sur les rôles + if (Boolean.TRUE.equals(responsable)) return "Responsable"; + if (Boolean.TRUE.equals(membreBureau)) return "Bureau"; + return "Membre"; + } + + public String getTypeSeverity() { + if (Boolean.TRUE.equals(responsable)) return "danger"; + if (Boolean.TRUE.equals(membreBureau)) return "warning"; + return "info"; + } + + public String getTypeIcon() { + if (Boolean.TRUE.equals(responsable)) return "pi-star-fill"; + if (Boolean.TRUE.equals(membreBureau)) return "pi-briefcase"; + return "pi-user"; + } + + // Propriétés pour l'entité (association) + public String getEntite() { + return associationNom != null ? associationNom : "Non renseigné"; + } + + // Propriétés pour l'ancienneté + public String getAnciennete() { + if (dateInscription == null) return "N/A"; + long jours = java.time.temporal.ChronoUnit.DAYS.between(dateInscription.toLocalDate(), LocalDate.now()); + if (jours < 30) return jours + " jours"; + if (jours < 365) return (jours / 30) + " mois"; + return (jours / 365) + " ans"; + } + + // Propriétés pour les cotisations - À implémenter avec les vraies données du module Cotisations + public String getCotisationStatut() { + return "N/A"; // TODO: Intégrer avec le module Cotisations + } + + public String getCotisationColor() { + return "text-500"; // Gris neutre par défaut + } + + public String getDernierPaiement() { + return "N/A"; // TODO: Intégrer avec le module Cotisations + } + + // Propriétés pour la participation aux événements - À implémenter avec les vraies données du module Événements + public String getTauxParticipation() { + return "0"; // TODO: Intégrer avec le module Événements + } + + public String getEvenementsAnnee() { + return "0"; // TODO: Intégrer avec le module Événements + } + + @Override + public String toString() { + return "MembreDTO{" + + "id=" + id + + ", numeroMembre='" + numeroMembre + '\'' + + ", nom='" + nom + '\'' + + ", prenom='" + prenom + '\'' + + ", email='" + email + '\'' + + ", statut='" + statut + '\'' + + '}'; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/dto/SouscriptionDTO.java b/src/main/java/dev/lions/unionflow/client/dto/SouscriptionDTO.java new file mode 100644 index 0000000..a05f7db --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/SouscriptionDTO.java @@ -0,0 +1,242 @@ +package dev.lions.unionflow.client.dto; + +import jakarta.validation.constraints.NotNull; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.temporal.ChronoUnit; +import java.util.UUID; + +public class SouscriptionDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + public enum StatutSouscription { + ACTIVE("Actif", "text-green-600", "bg-green-100"), + SUSPENDUE("Suspendue", "text-orange-600", "bg-orange-100"), + EXPIREE("Expirée", "text-red-600", "bg-red-100"), + EN_ATTENTE_PAIEMENT("En attente de paiement", "text-blue-600", "bg-blue-100"), + ANNULEE("Annulée", "text-gray-600", "bg-gray-100"); + + private final String libelle; + private final String couleurTexte; + private final String couleurFond; + + StatutSouscription(String libelle, String couleurTexte, String couleurFond) { + this.libelle = libelle; + this.couleurTexte = couleurTexte; + this.couleurFond = couleurFond; + } + + public String getLibelle() { return libelle; } + public String getCouleurTexte() { return couleurTexte; } + public String getCouleurFond() { return couleurFond; } + } + + public enum TypeFacturation { + MENSUEL("Mensuel"), + ANNUEL("Annuel"); + + private final String libelle; + + TypeFacturation(String libelle) { + this.libelle = libelle; + } + + public String getLibelle() { return libelle; } + } + + private UUID id; + + @NotNull + private UUID organisationId; + private String organisationNom; + + @NotNull + private UUID formulaireId; + private String formulaireNom; + + @NotNull + private StatutSouscription statut; + + @NotNull + private TypeFacturation typeFacturation; + + @NotNull + private LocalDate dateDebut; + + @NotNull + private LocalDate dateFin; + + private LocalDate dateDernierPaiement; + private LocalDate dateProchainPaiement; + + @NotNull + private Integer quotaMaxMembres; + + private Integer membresActuels = 0; + + @NotNull + private BigDecimal montantSouscription; + + private String deviseCode = "XOF"; + + private String numeroFacture; + private String referencePaiement; + + // Informations de renouvellement automatique + private boolean renouvellementAutomatique = false; + private String methodePaiementDefaut; + + // Notifications + private boolean notificationExpiration = true; + private boolean notificationQuotaAtteint = true; + private int joursAvantNotificationExpiration = 30; + + // Audit + private LocalDateTime dateCreation; + private LocalDateTime dateMiseAJour; + private String creePar; + private String modifiePar; + + public SouscriptionDTO() {} + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public UUID getOrganisationId() { return organisationId; } + public void setOrganisationId(UUID organisationId) { this.organisationId = organisationId; } + + public String getOrganisationNom() { return organisationNom; } + public void setOrganisationNom(String organisationNom) { this.organisationNom = organisationNom; } + + public UUID getFormulaireId() { return formulaireId; } + public void setFormulaireId(UUID formulaireId) { this.formulaireId = formulaireId; } + + public String getFormulaireNom() { return formulaireNom; } + public void setFormulaireNom(String formulaireNom) { this.formulaireNom = formulaireNom; } + + public StatutSouscription getStatut() { return statut; } + public void setStatut(StatutSouscription statut) { this.statut = statut; } + + public TypeFacturation getTypeFacturation() { return typeFacturation; } + public void setTypeFacturation(TypeFacturation typeFacturation) { this.typeFacturation = typeFacturation; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + + public LocalDate getDateDernierPaiement() { return dateDernierPaiement; } + public void setDateDernierPaiement(LocalDate dateDernierPaiement) { this.dateDernierPaiement = dateDernierPaiement; } + + public LocalDate getDateProchainPaiement() { return dateProchainPaiement; } + public void setDateProchainPaiement(LocalDate dateProchainPaiement) { this.dateProchainPaiement = dateProchainPaiement; } + + public Integer getQuotaMaxMembres() { return quotaMaxMembres; } + public void setQuotaMaxMembres(Integer quotaMaxMembres) { this.quotaMaxMembres = quotaMaxMembres; } + + public Integer getMembresActuels() { return membresActuels; } + public void setMembresActuels(Integer membresActuels) { this.membresActuels = membresActuels; } + + public BigDecimal getMontantSouscription() { return montantSouscription; } + public void setMontantSouscription(BigDecimal montantSouscription) { this.montantSouscription = montantSouscription; } + + public String getDeviseCode() { return deviseCode; } + public void setDeviseCode(String deviseCode) { this.deviseCode = deviseCode; } + + public String getNumeroFacture() { return numeroFacture; } + public void setNumeroFacture(String numeroFacture) { this.numeroFacture = numeroFacture; } + + public String getReferencePaiement() { return referencePaiement; } + public void setReferencePaiement(String referencePaiement) { this.referencePaiement = referencePaiement; } + + public boolean isRenouvellementAutomatique() { return renouvellementAutomatique; } + public void setRenouvellementAutomatique(boolean renouvellementAutomatique) { this.renouvellementAutomatique = renouvellementAutomatique; } + + public String getMethodePaiementDefaut() { return methodePaiementDefaut; } + public void setMethodePaiementDefaut(String methodePaiementDefaut) { this.methodePaiementDefaut = methodePaiementDefaut; } + + public boolean isNotificationExpiration() { return notificationExpiration; } + public void setNotificationExpiration(boolean notificationExpiration) { this.notificationExpiration = notificationExpiration; } + + public boolean isNotificationQuotaAtteint() { return notificationQuotaAtteint; } + public void setNotificationQuotaAtteint(boolean notificationQuotaAtteint) { this.notificationQuotaAtteint = notificationQuotaAtteint; } + + public int getJoursAvantNotificationExpiration() { return joursAvantNotificationExpiration; } + public void setJoursAvantNotificationExpiration(int joursAvantNotificationExpiration) { this.joursAvantNotificationExpiration = joursAvantNotificationExpiration; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateMiseAJour() { return dateMiseAJour; } + public void setDateMiseAJour(LocalDateTime dateMiseAJour) { this.dateMiseAJour = dateMiseAJour; } + + public String getCreePar() { return creePar; } + public void setCreePar(String creePar) { this.creePar = creePar; } + + public String getModifiePar() { return modifiePar; } + public void setModifiePar(String modifiePar) { this.modifiePar = modifiePar; } + + // Méthodes utilitaires + public boolean isActive() { + return statut == StatutSouscription.ACTIVE && !isExpiree(); + } + + public boolean isExpiree() { + return LocalDate.now().isAfter(dateFin); + } + + public boolean isQuotaAtteint() { + return membresActuels != null && quotaMaxMembres != null && + membresActuels >= quotaMaxMembres; + } + + public int getMembresRestants() { + if (membresActuels != null && quotaMaxMembres != null) { + return Math.max(0, quotaMaxMembres - membresActuels); + } + return 0; + } + + public int getPourcentageUtilisation() { + if (membresActuels != null && quotaMaxMembres != null && quotaMaxMembres > 0) { + return (membresActuels * 100) / quotaMaxMembres; + } + return 0; + } + + public String getMontantFormat() { + if (montantSouscription != null) { + return String.format("%,.0f %s", montantSouscription, deviseCode); + } + return "0 " + deviseCode; + } + + public String getStatutCouleurClass() { + return statut != null ? statut.getCouleurTexte() : "text-gray-600"; + } + + public String getStatutFondClass() { + return statut != null ? statut.getCouleurFond() : "bg-gray-100"; + } + + public String getStatutLibelle() { + return statut != null ? statut.getLibelle() : "Inconnu"; + } + + public long getJoursRestants() { + if (dateFin != null) { + return ChronoUnit.DAYS.between(LocalDate.now(), dateFin); + } + return 0; + } + + public boolean isExpirationProche() { + long joursRestants = getJoursRestants(); + return joursRestants <= joursAvantNotificationExpiration && joursRestants > 0; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/dto/TypeOrganisationClientDTO.java b/src/main/java/dev/lions/unionflow/client/dto/TypeOrganisationClientDTO.java new file mode 100644 index 0000000..6fa4437 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/TypeOrganisationClientDTO.java @@ -0,0 +1,57 @@ +package dev.lions.unionflow.client.dto; + +import com.fasterxml.jackson.annotation.JsonFormat; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.util.UUID; + +/** + * DTO client pour le catalogue des types d'organisation. + * + *

Correspond au TypeOrganisationDTO du module server-api, mais sans dépendance directe. + */ +public class TypeOrganisationClientDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private UUID id; + private String code; + private String libelle; + private String description; + private Integer ordreAffichage; + private Boolean actif; + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateCreation; + @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") + private LocalDateTime dateModification; + private Long version; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getCode() { return code; } + public void setCode(String code) { this.code = code; } + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public Integer getOrdreAffichage() { return ordreAffichage; } + public void setOrdreAffichage(Integer ordreAffichage) { this.ordreAffichage = ordreAffichage; } + + public Boolean getActif() { return actif; } + public void setActif(Boolean actif) { this.actif = actif; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateModification() { return dateModification; } + public void setDateModification(LocalDateTime dateModification) { this.dateModification = dateModification; } + + public Long getVersion() { return version; } + public void setVersion(Long version) { this.version = version; } +} + + diff --git a/src/main/java/dev/lions/unionflow/client/dto/WaveBalanceDTO.java b/src/main/java/dev/lions/unionflow/client/dto/WaveBalanceDTO.java new file mode 100644 index 0000000..ee8d2c9 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/WaveBalanceDTO.java @@ -0,0 +1,102 @@ +package dev.lions.unionflow.client.dto; + +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDateTime; + +/** + * DTO client pour le solde Wave Money + * + * @author UnionFlow Team + * @version 1.0 + * @since 2025-01-17 + */ +public class WaveBalanceDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private BigDecimal soldeDisponible; + private BigDecimal soldeEnAttente; + private BigDecimal soldeTotal; + private String devise; + private String numeroWallet; + private String nomBusiness; + private LocalDateTime dateDerniereMiseAJour; + private LocalDateTime dateDerniereSynchronisation; + private String statutWallet; + private BigDecimal limiteQuotidienne; + private BigDecimal montantUtiliseAujourdhui; + private BigDecimal limiteMensuelle; + private BigDecimal montantUtiliseCeMois; + private Integer nombreTransactionsAujourdhui; + private Integer nombreTransactionsCeMois; + + // Getters et Setters + public BigDecimal getSoldeDisponible() { return soldeDisponible; } + public void setSoldeDisponible(BigDecimal soldeDisponible) { this.soldeDisponible = soldeDisponible; } + + public BigDecimal getSoldeEnAttente() { return soldeEnAttente; } + public void setSoldeEnAttente(BigDecimal soldeEnAttente) { this.soldeEnAttente = soldeEnAttente; } + + public BigDecimal getSoldeTotal() { return soldeTotal; } + public void setSoldeTotal(BigDecimal soldeTotal) { this.soldeTotal = soldeTotal; } + + public String getDevise() { return devise; } + public void setDevise(String devise) { this.devise = devise; } + + public String getNumeroWallet() { return numeroWallet; } + public void setNumeroWallet(String numeroWallet) { this.numeroWallet = numeroWallet; } + + public String getNomBusiness() { return nomBusiness; } + public void setNomBusiness(String nomBusiness) { this.nomBusiness = nomBusiness; } + + public LocalDateTime getDateDerniereMiseAJour() { return dateDerniereMiseAJour; } + public void setDateDerniereMiseAJour(LocalDateTime dateDerniereMiseAJour) { this.dateDerniereMiseAJour = dateDerniereMiseAJour; } + + public LocalDateTime getDateDerniereSynchronisation() { return dateDerniereSynchronisation; } + public void setDateDerniereSynchronisation(LocalDateTime dateDerniereSynchronisation) { this.dateDerniereSynchronisation = dateDerniereSynchronisation; } + + public String getStatutWallet() { return statutWallet; } + public void setStatutWallet(String statutWallet) { this.statutWallet = statutWallet; } + + public BigDecimal getLimiteQuotidienne() { return limiteQuotidienne; } + public void setLimiteQuotidienne(BigDecimal limiteQuotidienne) { this.limiteQuotidienne = limiteQuotidienne; } + + public BigDecimal getMontantUtiliseAujourdhui() { return montantUtiliseAujourdhui; } + public void setMontantUtiliseAujourdhui(BigDecimal montantUtiliseAujourdhui) { this.montantUtiliseAujourdhui = montantUtiliseAujourdhui; } + + public BigDecimal getLimiteMensuelle() { return limiteMensuelle; } + public void setLimiteMensuelle(BigDecimal limiteMensuelle) { this.limiteMensuelle = limiteMensuelle; } + + public BigDecimal getMontantUtiliseCeMois() { return montantUtiliseCeMois; } + public void setMontantUtiliseCeMois(BigDecimal montantUtiliseCeMois) { this.montantUtiliseCeMois = montantUtiliseCeMois; } + + public Integer getNombreTransactionsAujourdhui() { return nombreTransactionsAujourdhui; } + public void setNombreTransactionsAujourdhui(Integer nombreTransactionsAujourdhui) { this.nombreTransactionsAujourdhui = nombreTransactionsAujourdhui; } + + public Integer getNombreTransactionsCeMois() { return nombreTransactionsCeMois; } + public void setNombreTransactionsCeMois(Integer nombreTransactionsCeMois) { this.nombreTransactionsCeMois = nombreTransactionsCeMois; } + + /** + * Formate le solde disponible pour l'affichage + */ + public String getSoldeDisponibleFormate() { + if (soldeDisponible == null) return "0 FCFA"; + return String.format("%.0f FCFA", soldeDisponible.doubleValue()); + } + + /** + * Formate le solde total pour l'affichage + */ + public String getSoldeTotalFormate() { + if (soldeTotal == null) return "0 FCFA"; + return String.format("%.0f FCFA", soldeTotal.doubleValue()); + } + + /** + * Vérifie si le wallet est actif + */ + public boolean isWalletActif() { + return "ACTIVE".equals(statutWallet); + } +} diff --git a/src/main/java/dev/lions/unionflow/client/dto/WaveCheckoutSessionDTO.java b/src/main/java/dev/lions/unionflow/client/dto/WaveCheckoutSessionDTO.java new file mode 100644 index 0000000..32ab996 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/WaveCheckoutSessionDTO.java @@ -0,0 +1,148 @@ +package dev.lions.unionflow.client.dto; + +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDateTime; +import java.util.UUID; + +/** + * DTO client pour les sessions de paiement Wave Money + * + * @author UnionFlow Team + * @version 1.0 + * @since 2025-01-17 + */ +public class WaveCheckoutSessionDTO implements Serializable { + + private static final long serialVersionUID = 1L; + + private UUID id; + private String waveSessionId; + private String waveUrl; + private BigDecimal montant; + private String devise; + private String successUrl; + private String errorUrl; + private String statut; + private UUID organisationId; + private String nomOrganisation; + private UUID membreId; + private String nomMembre; + private String typePaiement; + private String referenceUnionFlow; + private String description; + private String nomBusinessAffiche; + private LocalDateTime dateCreation; + private LocalDateTime dateExpiration; + private LocalDateTime dateCompletion; + private String telephonePayeur; + private String emailPayeur; + + // Getters et Setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getWaveSessionId() { return waveSessionId; } + public void setWaveSessionId(String waveSessionId) { this.waveSessionId = waveSessionId; } + + public String getWaveUrl() { return waveUrl; } + public void setWaveUrl(String waveUrl) { this.waveUrl = waveUrl; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public String getDevise() { return devise; } + public void setDevise(String devise) { this.devise = devise; } + + public String getSuccessUrl() { return successUrl; } + public void setSuccessUrl(String successUrl) { this.successUrl = successUrl; } + + public String getErrorUrl() { return errorUrl; } + public void setErrorUrl(String errorUrl) { this.errorUrl = errorUrl; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public UUID getOrganisationId() { return organisationId; } + public void setOrganisationId(UUID organisationId) { this.organisationId = organisationId; } + + public String getNomOrganisation() { return nomOrganisation; } + public void setNomOrganisation(String nomOrganisation) { this.nomOrganisation = nomOrganisation; } + + public UUID getMembreId() { return membreId; } + public void setMembreId(UUID membreId) { this.membreId = membreId; } + + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public String getTypePaiement() { return typePaiement; } + public void setTypePaiement(String typePaiement) { this.typePaiement = typePaiement; } + + public String getReferenceUnionFlow() { return referenceUnionFlow; } + public void setReferenceUnionFlow(String referenceUnionFlow) { this.referenceUnionFlow = referenceUnionFlow; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getNomBusinessAffiche() { return nomBusinessAffiche; } + public void setNomBusinessAffiche(String nomBusinessAffiche) { this.nomBusinessAffiche = nomBusinessAffiche; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateExpiration() { return dateExpiration; } + public void setDateExpiration(LocalDateTime dateExpiration) { this.dateExpiration = dateExpiration; } + + public LocalDateTime getDateCompletion() { return dateCompletion; } + public void setDateCompletion(LocalDateTime dateCompletion) { this.dateCompletion = dateCompletion; } + + public String getTelephonePayeur() { return telephonePayeur; } + public void setTelephonePayeur(String telephonePayeur) { this.telephonePayeur = telephonePayeur; } + + public String getEmailPayeur() { return emailPayeur; } + public void setEmailPayeur(String emailPayeur) { this.emailPayeur = emailPayeur; } + + /** + * Retourne le libellé du statut + */ + public String getStatutLibelle() { + if (statut == null) return "Inconnu"; + return switch (statut) { + case "PENDING" -> "En attente"; + case "COMPLETED" -> "Complétée"; + case "CANCELLED" -> "Annulée"; + case "EXPIRED" -> "Expirée"; + case "FAILED" -> "Échouée"; + default -> statut; + }; + } + + /** + * Retourne la sévérité PrimeFaces pour le statut + */ + public String getStatutSeverity() { + if (statut == null) return "info"; + return switch (statut) { + case "PENDING" -> "warning"; + case "COMPLETED" -> "success"; + case "CANCELLED" -> "info"; + case "EXPIRED" -> "warn"; + case "FAILED" -> "error"; + default -> "info"; + }; + } + + /** + * Vérifie si la session est expirée + */ + public boolean isExpiree() { + return dateExpiration != null && LocalDateTime.now().isAfter(dateExpiration); + } + + /** + * Vérifie si la session est complétée + */ + public boolean isCompletee() { + return "COMPLETED".equals(statut); + } +} diff --git a/src/main/java/dev/lions/unionflow/client/dto/auth/LoginRequest.java b/src/main/java/dev/lions/unionflow/client/dto/auth/LoginRequest.java new file mode 100644 index 0000000..0d9afc9 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/auth/LoginRequest.java @@ -0,0 +1,60 @@ +package dev.lions.unionflow.client.dto.auth; + +import jakarta.validation.constraints.NotBlank; +import jakarta.validation.constraints.Size; + +public class LoginRequest { + + @NotBlank(message = "L'email ou nom d'utilisateur est requis") + @Size(min = 3, max = 100, message = "L'email ou nom d'utilisateur doit contenir entre 3 et 100 caractères") + private String username; + + @NotBlank(message = "Le mot de passe est requis") + @Size(min = 6, message = "Le mot de passe doit contenir au moins 6 caractères") + private String password; + + @NotBlank(message = "Le type de compte est requis") + private String typeCompte; + + private boolean rememberMe; + + public LoginRequest() {} + + public LoginRequest(String username, String password, String typeCompte) { + this.username = username; + this.password = password; + this.typeCompte = typeCompte; + } + + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + + public String getPassword() { + return password; + } + + public void setPassword(String password) { + this.password = password; + } + + public String getTypeCompte() { + return typeCompte; + } + + public void setTypeCompte(String typeCompte) { + this.typeCompte = typeCompte; + } + + public boolean isRememberMe() { + return rememberMe; + } + + public void setRememberMe(boolean rememberMe) { + this.rememberMe = rememberMe; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/dto/auth/LoginResponse.java b/src/main/java/dev/lions/unionflow/client/dto/auth/LoginResponse.java new file mode 100644 index 0000000..7b2b1d7 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/dto/auth/LoginResponse.java @@ -0,0 +1,224 @@ +package dev.lions.unionflow.client.dto.auth; + +import java.time.LocalDateTime; +import java.util.List; +import java.util.UUID; + +public class LoginResponse { + + private String accessToken; + private String refreshToken; + private String tokenType = "Bearer"; + private Long expiresIn; + private LocalDateTime expirationDate; + + private UserInfo user; + + public LoginResponse() {} + + public LoginResponse(String accessToken, String refreshToken, Long expiresIn, UserInfo user) { + this.accessToken = accessToken; + this.refreshToken = refreshToken; + this.expiresIn = expiresIn; + this.user = user; + this.expirationDate = LocalDateTime.now().plusSeconds(expiresIn); + } + + public String getAccessToken() { + return accessToken; + } + + public void setAccessToken(String accessToken) { + this.accessToken = accessToken; + } + + public String getRefreshToken() { + return refreshToken; + } + + public void setRefreshToken(String refreshToken) { + this.refreshToken = refreshToken; + } + + public String getTokenType() { + return tokenType; + } + + public void setTokenType(String tokenType) { + this.tokenType = tokenType; + } + + public Long getExpiresIn() { + return expiresIn; + } + + public void setExpiresIn(Long expiresIn) { + this.expiresIn = expiresIn; + if (expiresIn != null) { + this.expirationDate = LocalDateTime.now().plusSeconds(expiresIn); + } + } + + public LocalDateTime getExpirationDate() { + return expirationDate; + } + + public void setExpirationDate(LocalDateTime expirationDate) { + this.expirationDate = expirationDate; + } + + public UserInfo getUser() { + return user; + } + + public void setUser(UserInfo user) { + this.user = user; + } + + public boolean isExpired() { + return expirationDate != null && LocalDateTime.now().isAfter(expirationDate); + } + + public static class UserInfo { + private UUID id; + private String nom; + private String prenom; + private String email; + private String username; + private String typeCompte; + private List roles; + private List permissions; + private EntiteInfo entite; + + public UserInfo() {} + + public UUID getId() { + return id; + } + + public void setId(UUID id) { + this.id = id; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getPrenom() { + return prenom; + } + + public void setPrenom(String prenom) { + this.prenom = prenom; + } + + public String getEmail() { + return email; + } + + public void setEmail(String email) { + this.email = email; + } + + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + + public String getTypeCompte() { + return typeCompte; + } + + public void setTypeCompte(String typeCompte) { + this.typeCompte = typeCompte; + } + + public List getRoles() { + return roles; + } + + public void setRoles(List roles) { + this.roles = roles; + } + + public List getPermissions() { + return permissions; + } + + public void setPermissions(List permissions) { + this.permissions = permissions; + } + + public EntiteInfo getEntite() { + return entite; + } + + public void setEntite(EntiteInfo entite) { + this.entite = entite; + } + + public String getNomComplet() { + if (prenom != null && nom != null) { + return prenom + " " + nom; + } + return nom != null ? nom : username; + } + } + + public static class EntiteInfo { + private UUID id; + private String nom; + private String type; + private String pays; + private String ville; + + public EntiteInfo() {} + + public UUID getId() { + return id; + } + + public void setId(UUID id) { + this.id = id; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getType() { + return type; + } + + public void setType(String type) { + this.type = type; + } + + public String getPays() { + return pays; + } + + public void setPays(String pays) { + this.pays = pays; + } + + public String getVille() { + return ville; + } + + public void setVille(String ville) { + this.ville = ville; + } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandler.java b/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandler.java new file mode 100644 index 0000000..c6e0f17 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandler.java @@ -0,0 +1,85 @@ +package dev.lions.unionflow.client.exception; + +import jakarta.faces.FacesException; +import jakarta.faces.application.ViewExpiredException; +import jakarta.faces.context.ExceptionHandler; +import jakarta.faces.context.ExceptionHandlerWrapper; +import jakarta.faces.context.FacesContext; +import jakarta.faces.event.ExceptionQueuedEvent; +import jakarta.faces.event.ExceptionQueuedEventContext; +import java.util.Iterator; +import java.util.logging.Level; +import java.util.logging.Logger; + +public class ViewExpiredExceptionHandler extends ExceptionHandlerWrapper { + + private static final Logger LOG = Logger.getLogger(ViewExpiredExceptionHandler.class.getName()); + private ExceptionHandler wrapped; + + public ViewExpiredExceptionHandler(ExceptionHandler wrapped) { + this.wrapped = wrapped; + } + + @Override + public ExceptionHandler getWrapped() { + return wrapped; + } + + @Override + public void handle() throws FacesException { + Iterator iterator = getUnhandledExceptionQueuedEvents().iterator(); + + while (iterator.hasNext()) { + ExceptionQueuedEvent event = iterator.next(); + ExceptionQueuedEventContext context = (ExceptionQueuedEventContext) event.getSource(); + Throwable throwable = context.getException(); + + if (throwable instanceof ViewExpiredException) { + ViewExpiredException vee = (ViewExpiredException) throwable; + FacesContext facesContext = FacesContext.getCurrentInstance(); + + try { + LOG.log(Level.INFO, "ViewExpiredException interceptée pour la vue: {0}", vee.getViewId()); + + // Vérifier que FacesContext et ExternalContext sont disponibles + if (facesContext != null && facesContext.getExternalContext() != null) { + // Stocker l'URL demandée pour redirection après connexion si possible + String originalURL = vee.getViewId(); + try { + if (facesContext.getExternalContext().getSessionMap() != null) { + facesContext.getExternalContext().getSessionMap().put("redirectURL", originalURL); + } + } catch (Exception e) { + LOG.log(Level.WARNING, "Impossible de stocker l'URL de redirection: {0}", e.getMessage()); + } + + // Rediriger vers la racine qui déclenchera Keycloak + try { + String redirectURL = "/"; + facesContext.getExternalContext().redirect( + facesContext.getExternalContext().getRequestContextPath() + redirectURL + ); + facesContext.responseComplete(); + } catch (Exception e) { + LOG.log(Level.SEVERE, "Erreur lors de la redirection: {0}", e.getMessage()); + // Fallback: essayer une redirection simple + try { + facesContext.getExternalContext().redirect("/"); + facesContext.responseComplete(); + } catch (Exception fallbackException) { + LOG.log(Level.SEVERE, "Impossible de rediriger vers la racine: {0}", fallbackException.getMessage()); + } + } + } + } catch (Exception e) { + LOG.log(Level.SEVERE, "Erreur dans ViewExpiredExceptionHandler: {0}", e.getMessage()); + } finally { + iterator.remove(); + } + } + } + + // Laisser le parent gérer les autres exceptions + getWrapped().handle(); + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandlerFactory.java b/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandlerFactory.java new file mode 100644 index 0000000..1d27c6a --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/exception/ViewExpiredExceptionHandlerFactory.java @@ -0,0 +1,18 @@ +package dev.lions.unionflow.client.exception; + +import jakarta.faces.context.ExceptionHandler; +import jakarta.faces.context.ExceptionHandlerFactory; + +public class ViewExpiredExceptionHandlerFactory extends ExceptionHandlerFactory { + + private ExceptionHandlerFactory parent; + + public ViewExpiredExceptionHandlerFactory(ExceptionHandlerFactory parent) { + this.parent = parent; + } + + @Override + public ExceptionHandler getExceptionHandler() { + return new ViewExpiredExceptionHandler(parent.getExceptionHandler()); + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/security/AuthenticationFilter.java b/src/main/java/dev/lions/unionflow/client/security/AuthenticationFilter.java new file mode 100644 index 0000000..45558bc --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/security/AuthenticationFilter.java @@ -0,0 +1,118 @@ +package dev.lions.unionflow.client.security; + +import dev.lions.unionflow.client.view.UserSession; +import jakarta.inject.Inject; +import jakarta.servlet.*; +import jakarta.servlet.annotation.WebFilter; +import jakarta.servlet.http.HttpServletRequest; +import jakarta.servlet.http.HttpServletResponse; +import java.io.IOException; +import java.util.logging.Logger; + +/** + * Filtre d'authentification pour vérifications supplémentaires + * Note: Avec Keycloak OIDC, l'authentification principale est gérée par Quarkus + * Ce filtre peut être utilisé pour des vérifications de permissions supplémentaires + * + * @author UnionFlow Team + * @version 2.0 + */ +@WebFilter(urlPatterns = {"/pages/secure/*", "/pages/admin/*", "/pages/super-admin/*", "/pages/membre/*"}) +public class AuthenticationFilter implements Filter { + + private static final Logger LOGGER = Logger.getLogger(AuthenticationFilter.class.getName()); + + @Inject + private UserSession userSession; + + @Override + public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) + throws IOException, ServletException { + + HttpServletRequest httpRequest = (HttpServletRequest) request; + HttpServletResponse httpResponse = (HttpServletResponse) response; + + String requestURI = httpRequest.getRequestURI(); + + // Laisser Quarkus OIDC appliquer l'authentification (rediriger vers Keycloak si nécessaire) + // Ici, si l'utilisateur n'est pas encore authentifié, on ne force PAS une redirection custom + // pour éviter les boucles / conflits. On délègue au mécanisme Quarkus défini via + // quarkus.http.auth.permission.* et quarkus.oidc.* + if (!isAuthenticated()) { + LOGGER.fine("Requête non authentifiée sur " + requestURI + ", délégation à Quarkus OIDC."); + chain.doFilter(request, response); + return; + } + + // Vérifier les autorisations spécifiques basées sur les rôles + // Note: /pages/secure/access-denied.xhtml est autorisé car elle fait partie de /pages/secure/ + // qui est accessible à tous les utilisateurs authentifiés + if (!hasRequiredPermissions(requestURI)) { + LOGGER.warning("Permissions insuffisantes pour: " + requestURI + + " (Utilisateur: " + (userSession != null ? userSession.getUsername() : "null") + + ", Type: " + (userSession != null ? userSession.getTypeCompte() : "null") + + ", Rôles: " + (userSession != null && userSession.getRoles() != null ? userSession.getRoles() : "null") + ")"); + httpResponse.sendRedirect(httpRequest.getContextPath() + "/pages/secure/access-denied.xhtml"); + return; + } + + // Continuer la chaîne de filtres + chain.doFilter(request, response); + } + + private boolean isAuthenticated() { + // Avec Keycloak OIDC, UserSession vérifie automatiquement l'authentification via JsonWebToken + return userSession != null && userSession.isAuthenticated(); + } + + private boolean hasRequiredPermissions(String requestURI) { + // Vérifier que userSession est disponible + if (userSession == null) { + LOGGER.warning("UserSession est null lors de la vérification des permissions pour: " + requestURI); + return false; + } + + // Pages super-admin : nécessitent le rôle SUPER_ADMIN + if (requestURI.contains("/pages/super-admin/")) { + boolean isSuperAdmin = userSession.isSuperAdmin(); + LOGGER.fine("Vérification SUPER_ADMIN pour " + requestURI + ": " + isSuperAdmin + + " (Type: " + userSession.getTypeCompte() + ", Rôles: " + userSession.getRoles() + ")"); + return isSuperAdmin; + } + + // Pages admin : nécessitent ADMIN_ENTITE ou SUPER_ADMIN + if (requestURI.contains("/pages/admin/")) { + boolean isAdmin = userSession.isAdmin(); + LOGGER.fine("Vérification ADMIN pour " + requestURI + ": " + isAdmin + + " (Type: " + userSession.getTypeCompte() + ", Rôles: " + userSession.getRoles() + ")"); + return isAdmin; + } + + // Pages membre : nécessitent le rôle MEMBRE ou tout utilisateur authentifié + if (requestURI.contains("/pages/membre/")) { + boolean isMembre = userSession.isMembre(); + LOGGER.fine("Vérification MEMBRE pour " + requestURI + ": " + isMembre + + " (Type: " + userSession.getTypeCompte() + ", Rôles: " + userSession.getRoles() + ")"); + return isMembre; + } + + // Pages sécurisées générales - tout utilisateur authentifié peut y accéder + if (requestURI.contains("/pages/secure/")) { + LOGGER.fine("Accès autorisé à la page sécurisée générale: " + requestURI); + return true; + } + + LOGGER.warning("URI non reconnue dans hasRequiredPermissions: " + requestURI); + return false; + } + + @Override + public void init(FilterConfig filterConfig) throws ServletException { + LOGGER.info("Filtre d'authentification initialisé"); + } + + @Override + public void destroy() { + LOGGER.info("Filtre d'authentification détruit"); + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/security/JwtClientRequestFilter.java b/src/main/java/dev/lions/unionflow/client/security/JwtClientRequestFilter.java new file mode 100644 index 0000000..e8d1c9d --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/security/JwtClientRequestFilter.java @@ -0,0 +1,49 @@ +package dev.lions.unionflow.client.security; + +import jakarta.annotation.Priority; +import jakarta.inject.Inject; +import jakarta.ws.rs.client.ClientRequestContext; +import jakarta.ws.rs.client.ClientRequestFilter; +import jakarta.ws.rs.core.HttpHeaders; +import jakarta.ws.rs.ext.Provider; +import java.io.IOException; +import java.util.logging.Logger; + +@Provider +@Priority(1000) +public class JwtClientRequestFilter implements ClientRequestFilter { + + private static final Logger LOGGER = Logger.getLogger(JwtClientRequestFilter.class.getName()); + + @Inject + private JwtTokenManager tokenManager; + + @Override + public void filter(ClientRequestContext requestContext) throws IOException { + if (tokenManager == null) { + LOGGER.fine("JwtTokenManager non disponible, requête sans authentification"); + return; + } + + try { + String authHeader = tokenManager.getAuthorizationHeader(); + + if (authHeader != null && !isAuthEndpoint(requestContext.getUri().getPath())) { + requestContext.getHeaders().add(HttpHeaders.AUTHORIZATION, authHeader); + LOGGER.fine("JWT token ajouté à la requête: " + requestContext.getUri()); + } + } catch (Exception e) { + LOGGER.warning("Erreur lors de l'ajout du token JWT: " + e.getMessage()); + // Continuer sans authentification plutôt que de bloquer la requête + } + } + + private boolean isAuthEndpoint(String path) { + return path != null && ( + path.contains("/auth/login") || + path.contains("/auth/register") || + path.contains("/auth/refresh") || + path.contains("/public/") + ); + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/security/JwtTokenManager.java b/src/main/java/dev/lions/unionflow/client/security/JwtTokenManager.java new file mode 100644 index 0000000..19b7a81 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/security/JwtTokenManager.java @@ -0,0 +1,129 @@ +package dev.lions.unionflow.client.security; + +import dev.lions.unionflow.client.dto.auth.LoginResponse; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.util.logging.Logger; + +@Named("jwtTokenManager") +@SessionScoped +public class JwtTokenManager implements Serializable { + + private static final Logger LOGGER = Logger.getLogger(JwtTokenManager.class.getName()); + + @Inject + private TokenRefreshService tokenRefreshService; + + private String accessToken; + private String refreshToken; + private LocalDateTime expirationDate; + private String tokenType = "Bearer"; + + public void setTokens(LoginResponse loginResponse) { + this.accessToken = loginResponse.getAccessToken(); + this.refreshToken = loginResponse.getRefreshToken(); + this.expirationDate = loginResponse.getExpirationDate(); + this.tokenType = loginResponse.getTokenType(); + + // Enregistrer le token dans le service global + String sessionId = getSessionId(); + if (sessionId != null) { + tokenRefreshService.registerToken(sessionId, + this.accessToken, + this.refreshToken, + loginResponse.getExpiresIn()); + } + + LOGGER.info("Tokens JWT mis à jour. Expiration: " + expirationDate); + } + + public String getAccessToken() { + return accessToken; + } + + public String getRefreshToken() { + return refreshToken; + } + + public String getAuthorizationHeader() { + if (accessToken != null) { + return tokenType + " " + accessToken; + } + return null; + } + + public boolean isTokenValid() { + if (accessToken == null || expirationDate == null) { + return false; + } + + // Considérer le token comme expiré 30 secondes avant l'expiration réelle + LocalDateTime expirationWithBuffer = expirationDate.minusSeconds(30); + return LocalDateTime.now().isBefore(expirationWithBuffer); + } + + public boolean needsRefresh() { + if (accessToken == null || expirationDate == null) { + return false; + } + + // Rafraîchir le token 5 minutes avant l'expiration + LocalDateTime refreshThreshold = expirationDate.minusMinutes(5); + return LocalDateTime.now().isAfter(refreshThreshold); + } + + public long getTimeUntilExpiration() { + if (expirationDate == null) { + return 0; + } + + LocalDateTime now = LocalDateTime.now(); + if (now.isAfter(expirationDate)) { + return 0; + } + + return java.time.Duration.between(now, expirationDate).getSeconds(); + } + + public void clearTokens() { + this.accessToken = null; + this.refreshToken = null; + this.expirationDate = null; + + // Supprimer le token du service global + String sessionId = getSessionId(); + if (sessionId != null) { + tokenRefreshService.removeToken(sessionId); + } + + LOGGER.info("Tokens JWT supprimés"); + } + + private String getSessionId() { + try { + FacesContext facesContext = FacesContext.getCurrentInstance(); + if (facesContext != null && facesContext.getExternalContext() != null) { + return facesContext.getExternalContext().getSessionId(false); + } + } catch (Exception e) { + LOGGER.fine("Impossible de récupérer l'ID de session: " + e.getMessage()); + } + return null; + } + + public boolean hasValidTokens() { + return accessToken != null && refreshToken != null && isTokenValid(); + } + + public LocalDateTime getExpirationDate() { + return expirationDate; + } + + public String getTokenType() { + return tokenType; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/security/PermissionChecker.java b/src/main/java/dev/lions/unionflow/client/security/PermissionChecker.java new file mode 100644 index 0000000..f44170a --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/security/PermissionChecker.java @@ -0,0 +1,239 @@ +package dev.lions.unionflow.client.security; + +import dev.lions.unionflow.client.view.UserSession; +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.Serializable; + +@Named("permissionChecker") +@RequestScoped +public class PermissionChecker implements Serializable { + + private static final long serialVersionUID = 1L; + + @Inject + private UserSession userSession; + + // Vérifications basées sur le rôle utilisateur + public boolean hasRole(String role) { + if (userSession == null || !userSession.isAuthenticated()) { + return false; + } + + String userRole = userSession.getRole(); + return role.equals(userRole); + } + + public boolean hasAnyRole(String... roles) { + if (userSession == null || !userSession.isAuthenticated()) { + return false; + } + + String userRole = userSession.getRole(); + for (String role : roles) { + if (role.equals(userRole)) { + return true; + } + } + return false; + } + + // Vérifications basées sur les permissions + public boolean canManageMembers() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_MEMBRE"); + } + + public boolean canValidateMembers() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_MEMBRE"); + } + + public boolean canManageFinances() { + return hasAnyRole("ADMIN", "TRESORIER", "GESTIONNAIRE_FINANCE"); + } + + public boolean canManageEvents() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_EVENEMENT"); + } + + public boolean canManageAides() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_AIDE"); + } + + public boolean canViewReports() { + return hasAnyRole("ADMIN", "GESTIONNAIRE_MEMBRE", "TRESORIER"); + } + + public boolean canManageSubscription() { + return hasRole("ADMIN"); + } + + public boolean canManageOrganization() { + return hasRole("ADMIN"); + } + + public boolean canAccessSuperAdmin() { + return hasRole("SUPER_ADMIN"); + } + + // Vérifications basées sur les fonctionnalités du forfait + public boolean isFeatureEnabled(String feature) { + // Cette méthode vérifiera si la fonctionnalité est incluse dans le forfait souscrit + // Pour l'instant, simulation basée sur des rôles + + switch (feature.toLowerCase()) { + case "gestion_membres": + return true; // Toujours disponible + + case "gestion_cotisations": + return true; // Toujours disponible + + case "gestion_evenements": + return !hasRole("MEMBER"); // Pas pour les membres simples + + case "gestion_aides": + return hasAnyRole("ADMIN", "GESTIONNAIRE_AIDE"); + + case "rapports_avances": + return hasAnyRole("ADMIN", "SUPER_ADMIN"); + + case "integration_paiement": + return hasAnyRole("ADMIN", "TRESORIER"); + + case "notifications_sms": + return hasAnyRole("ADMIN", "SUPER_ADMIN"); + + case "gestion_documents": + return hasAnyRole("ADMIN", "GESTIONNAIRE_MEMBRE"); + + case "support_prioritaire": + return hasAnyRole("ADMIN", "SUPER_ADMIN"); + + case "personnalisation_avancee": + return hasRole("SUPER_ADMIN"); + + default: + return false; + } + } + + // Vérifications pour l'interface utilisateur + public boolean showCreateMemberButton() { + return canManageMembers() && isFeatureEnabled("gestion_membres"); + } + + public boolean showValidateMemberButton() { + return canValidateMembers() && isFeatureEnabled("gestion_membres"); + } + + public boolean showFinancialSection() { + return canManageFinances() && isFeatureEnabled("gestion_cotisations"); + } + + public boolean showEventsSection() { + return canManageEvents() && isFeatureEnabled("gestion_evenements"); + } + + public boolean showAidesSection() { + return canManageAides() && isFeatureEnabled("gestion_aides"); + } + + public boolean showReportsSection() { + return canViewReports() && isFeatureEnabled("rapports_avances"); + } + + public boolean showSubscriptionManagement() { + return canManageSubscription(); + } + + public boolean showAdvancedSettings() { + return canManageOrganization() && isFeatureEnabled("personnalisation_avancee"); + } + + public boolean showSuperAdminFeatures() { + return canAccessSuperAdmin(); + } + + // Vérifications spécifiques aux actions + public boolean canCreateEvent() { + return canManageEvents() && isFeatureEnabled("gestion_evenements"); + } + + public boolean canProcessAideRequest() { + return canManageAides() && isFeatureEnabled("gestion_aides"); + } + + public boolean canExportData() { + return canViewReports() && isFeatureEnabled("rapports_avances"); + } + + public boolean canSendNotifications() { + return canManageMembers() && (isFeatureEnabled("notifications_email") || isFeatureEnabled("notifications_sms")); + } + + public boolean canManageDocuments() { + return canManageMembers() && isFeatureEnabled("gestion_documents"); + } + + // Vérifications pour les limites + public boolean canAddNewMember() { + if (!canManageMembers()) { + return false; + } + + // Vérifier le quota de membres (sera implémenté avec SouscriptionBean) + // Pour l'instant, toujours vrai si on a les permissions + return true; + } + + // Méthodes utilitaires pour l'affichage conditionnel + public String getRoleBasedStyleClass() { + if (!userSession.isAuthenticated()) { + return "guest-mode"; + } + + String role = userSession.getRole(); + switch (role) { + case "SUPER_ADMIN": + return "super-admin-mode"; + case "ADMIN": + return "admin-mode"; + case "GESTIONNAIRE_MEMBRE": + return "gestionnaire-mode"; + case "TRESORIER": + return "tresorier-mode"; + case "MEMBER": + default: + return "member-mode"; + } + } + + public String getPermissionMessage(String action) { + return "Vous n'avez pas les permissions nécessaires pour " + action; + } + + // Getters pour utilisation dans les expressions EL + public boolean isAuthenticated() { + return userSession != null && userSession.isAuthenticated(); + } + + public boolean isSuperAdmin() { + return hasRole("SUPER_ADMIN"); + } + + public boolean isAdmin() { + return hasRole("ADMIN"); + } + + public boolean isMember() { + return hasRole("MEMBER"); + } + + public boolean isGestionnaire() { + return hasAnyRole("GESTIONNAIRE_MEMBRE", "GESTIONNAIRE_EVENEMENT", "GESTIONNAIRE_AIDE", "GESTIONNAIRE_FINANCE"); + } + + public boolean isTresorier() { + return hasRole("TRESORIER"); + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/security/TokenCleanupService.java b/src/main/java/dev/lions/unionflow/client/security/TokenCleanupService.java new file mode 100644 index 0000000..9db1c3e --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/security/TokenCleanupService.java @@ -0,0 +1,26 @@ +package dev.lions.unionflow.client.security; + +import io.quarkus.scheduler.Scheduled; +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Inject; +import java.util.logging.Logger; + +@ApplicationScoped +public class TokenCleanupService { + + private static final Logger LOGGER = Logger.getLogger(TokenCleanupService.class.getName()); + + @Inject + private TokenRefreshService tokenRefreshService; + + @Scheduled(every = "10m") + public void cleanupExpiredTokens() { + try { + LOGGER.fine("Exécution du nettoyage des tokens expirés"); + tokenRefreshService.cleanupExpiredTokens(); + LOGGER.fine("Nettoyage des tokens terminé"); + } catch (Exception e) { + LOGGER.warning("Erreur lors du nettoyage des tokens: " + e.getMessage()); + } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/security/TokenRefreshService.java b/src/main/java/dev/lions/unionflow/client/security/TokenRefreshService.java new file mode 100644 index 0000000..a2274ed --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/security/TokenRefreshService.java @@ -0,0 +1,150 @@ +package dev.lions.unionflow.client.security; + +import dev.lions.unionflow.client.dto.auth.LoginResponse; +import dev.lions.unionflow.client.service.AuthenticationService; +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Inject; +import java.util.Map; +import java.util.concurrent.ConcurrentHashMap; +import java.util.logging.Logger; + +@ApplicationScoped +public class TokenRefreshService { + + private static final Logger LOGGER = Logger.getLogger(TokenRefreshService.class.getName()); + + @Inject + private AuthenticationService authService; + + // Stockage des tokens au niveau application pour éviter les problèmes de contexte session + private final Map activeTokens = new ConcurrentHashMap<>(); + + private static class TokenInfo { + String accessToken; + String refreshToken; + long expirationTime; + String sessionId; + + TokenInfo(String accessToken, String refreshToken, long expirationTime, String sessionId) { + this.accessToken = accessToken; + this.refreshToken = refreshToken; + this.expirationTime = expirationTime; + this.sessionId = sessionId; + } + + boolean needsRefresh() { + // Rafraîchir 5 minutes avant l'expiration + long timeUntilExpiration = expirationTime - System.currentTimeMillis(); + return timeUntilExpiration < 300000; // 5 minutes en millisecondes + } + + boolean isExpired() { + return System.currentTimeMillis() > expirationTime; + } + } + + public void registerToken(String sessionId, String accessToken, String refreshToken, long expiresIn) { + if (sessionId != null && accessToken != null) { + long expirationTime = System.currentTimeMillis() + (expiresIn * 1000); + activeTokens.put(sessionId, new TokenInfo(accessToken, refreshToken, expirationTime, sessionId)); + LOGGER.info("Token enregistré pour la session: " + sessionId); + } + } + + public void removeToken(String sessionId) { + if (sessionId != null) { + activeTokens.remove(sessionId); + LOGGER.info("Token supprimé pour la session: " + sessionId); + } + } + + // Cette méthode n'est plus appelée par le scheduler pour éviter les problèmes de contexte + // Elle peut être appelée manuellement depuis un contexte avec session active + public void checkAndRefreshTokens(String sessionId) { + try { + TokenInfo tokenInfo = activeTokens.get(sessionId); + + if (tokenInfo != null && tokenInfo.needsRefresh() && tokenInfo.refreshToken != null) { + LOGGER.info("Rafraîchissement du token JWT nécessaire pour session: " + sessionId); + + LoginResponse refreshedResponse = authService.refreshToken(tokenInfo.refreshToken); + + if (refreshedResponse != null) { + // Mettre à jour les tokens stockés + registerToken(sessionId, + refreshedResponse.getAccessToken(), + refreshedResponse.getRefreshToken(), + refreshedResponse.getExpiresIn()); + + LOGGER.info("Token JWT rafraîchi avec succès pour session: " + sessionId); + } else { + LOGGER.warning("Échec du rafraîchissement du token JWT pour session: " + sessionId); + handleTokenRefreshFailure(sessionId); + } + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du rafraîchissement du token: " + e.getMessage()); + handleTokenRefreshFailure(sessionId); + } + } + + public boolean tryRefreshTokenNow(String sessionId) { + try { + TokenInfo tokenInfo = activeTokens.get(sessionId); + + if (tokenInfo != null && tokenInfo.refreshToken != null) { + LoginResponse refreshedResponse = authService.refreshToken(tokenInfo.refreshToken); + + if (refreshedResponse != null) { + registerToken(sessionId, + refreshedResponse.getAccessToken(), + refreshedResponse.getRefreshToken(), + refreshedResponse.getExpiresIn()); + + LOGGER.info("Token rafraîchi manuellement avec succès pour session: " + sessionId); + return true; + } + } + } catch (Exception e) { + LOGGER.warning("Échec du rafraîchissement manuel du token: " + e.getMessage()); + } + + return false; + } + + private void handleTokenRefreshFailure(String sessionId) { + // En cas d'échec du rafraîchissement, supprimer le token + removeToken(sessionId); + LOGGER.info("Session expirée - token supprimé pour: " + sessionId); + } + + public boolean isTokenExpired(String sessionId) { + TokenInfo tokenInfo = activeTokens.get(sessionId); + return tokenInfo == null || tokenInfo.isExpired(); + } + + public long getTimeUntilExpiration(String sessionId) { + TokenInfo tokenInfo = activeTokens.get(sessionId); + if (tokenInfo != null) { + long timeLeft = tokenInfo.expirationTime - System.currentTimeMillis(); + return Math.max(0, timeLeft / 1000); // Retourner en secondes + } + return 0; + } + + public String getAccessToken(String sessionId) { + TokenInfo tokenInfo = activeTokens.get(sessionId); + return tokenInfo != null ? tokenInfo.accessToken : null; + } + + // Méthode pour nettoyer les tokens expirés périodiquement + public void cleanupExpiredTokens() { + activeTokens.entrySet().removeIf(entry -> { + boolean expired = entry.getValue().isExpired(); + if (expired) { + LOGGER.info("Suppression du token expiré pour session: " + entry.getKey()); + } + return expired; + }); + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/service/AdhesionService.java b/src/main/java/dev/lions/unionflow/client/service/AdhesionService.java new file mode 100644 index 0000000..8ad5723 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/AdhesionService.java @@ -0,0 +1,150 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.AdhesionDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.math.BigDecimal; +import java.util.List; +import java.util.Map; +import java.util.UUID; + +/** + * Service REST client pour la gestion des adhésions + * Interface correspondant exactement au backend AdhesionResource + * + * @author UnionFlow Team + * @version 1.0 + */ +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/adhesions") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface AdhesionService { + + /** + * Récupère toutes les adhésions avec pagination + */ + @GET + List listerToutes( + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Récupère une adhésion par son ID + */ + @GET + @Path("/{id}") + AdhesionDTO obtenirParId(@PathParam("id") UUID id); + + /** + * Récupère une adhésion par son numéro de référence + */ + @GET + @Path("/reference/{numeroReference}") + AdhesionDTO obtenirParReference(@PathParam("numeroReference") String numeroReference); + + /** + * Crée une nouvelle adhésion + */ + @POST + AdhesionDTO creer(AdhesionDTO adhesion); + + /** + * Met à jour une adhésion existante + */ + @PUT + @Path("/{id}") + AdhesionDTO modifier(@PathParam("id") UUID id, AdhesionDTO adhesion); + + /** + * Supprime une adhésion + */ + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") UUID id); + + /** + * Approuve une adhésion + */ + @POST + @Path("/{id}/approuver") + AdhesionDTO approuver( + @PathParam("id") UUID id, + @QueryParam("approuvePar") String approuvePar + ); + + /** + * Rejette une adhésion + */ + @POST + @Path("/{id}/rejeter") + AdhesionDTO rejeter( + @PathParam("id") UUID id, + @QueryParam("motifRejet") String motifRejet + ); + + /** + * Enregistre un paiement pour une adhésion + */ + @POST + @Path("/{id}/paiement") + AdhesionDTO enregistrerPaiement( + @PathParam("id") UUID id, + @QueryParam("montantPaye") BigDecimal montantPaye, + @QueryParam("methodePaiement") String methodePaiement, + @QueryParam("referencePaiement") String referencePaiement + ); + + /** + * Récupère les adhésions d'un membre + */ + @GET + @Path("/membre/{membreId}") + List obtenirParMembre( + @PathParam("membreId") UUID membreId, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Récupère les adhésions d'une organisation + */ + @GET + @Path("/organisation/{organisationId}") + List obtenirParOrganisation( + @PathParam("organisationId") UUID organisationId, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Récupère les adhésions par statut + */ + @GET + @Path("/statut/{statut}") + List obtenirParStatut( + @PathParam("statut") String statut, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Récupère les adhésions en attente + */ + @GET + @Path("/en-attente") + List obtenirEnAttente( + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Récupère les statistiques des adhésions + */ + @GET + @Path("/stats") + Map obtenirStatistiques(); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/AnalyticsService.java b/src/main/java/dev/lions/unionflow/client/service/AnalyticsService.java new file mode 100644 index 0000000..ac13ea3 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/AnalyticsService.java @@ -0,0 +1,60 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.AnalyticsDataDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.Map; + +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/v1/analytics") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface AnalyticsService { + + @GET + @Path("/metriques/{typeMetrique}") + AnalyticsDataDTO calculerMetrique( + @PathParam("typeMetrique") String typeMetrique, + @QueryParam("periode") String periode, + @QueryParam("organisationId") String organisationId + ); + + @GET + @Path("/tendances/{typeMetrique}") + Map calculerTendanceKPI( + @PathParam("typeMetrique") String typeMetrique, + @QueryParam("periode") String periode, + @QueryParam("organisationId") String organisationId + ); + + @GET + @Path("/kpis") + Map obtenirTousLesKPI( + @QueryParam("periode") String periode, + @QueryParam("organisationId") String organisationId + ); + + @GET + @Path("/evolutions") + Map obtenirEvolutionsKPI( + @QueryParam("periode") String periode, + @QueryParam("organisationId") String organisationId + ); + + @GET + @Path("/performance-globale") + Map calculerPerformanceGlobale( + @QueryParam("periode") String periode, + @QueryParam("organisationId") String organisationId + ); + + @GET + @Path("/dashboard/widgets") + List> obtenirWidgetsTableauBord( + @QueryParam("organisationId") String organisationId, + @QueryParam("utilisateurId") String utilisateurId + ); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/AssociationService.java b/src/main/java/dev/lions/unionflow/client/service/AssociationService.java new file mode 100644 index 0000000..bcbb5cf --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/AssociationService.java @@ -0,0 +1,165 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.AssociationDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.UUID; + +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/organisations") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface AssociationService { + + @GET + List listerToutes( + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("1000") int size + ); + + @GET + @Path("/{id}") + AssociationDTO obtenirParId(@PathParam("id") UUID id); + + @GET + @Path("/recherche") + List rechercher( + @QueryParam("nom") String nom, + @QueryParam("type") String type, + @QueryParam("statut") String statut, + @QueryParam("region") String region, + @QueryParam("ville") String ville, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + @GET + @Path("/type/{type}") + List listerParType(@PathParam("type") String type); + + @GET + @Path("/region/{region}") + List listerParRegion(@PathParam("region") String region); + + @POST + AssociationDTO creer(AssociationDTO association); + + @PUT + @Path("/{id}") + AssociationDTO modifier(@PathParam("id") UUID id, AssociationDTO association); + + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") UUID id); + + // Côté serveur: POST /{id}/activer + @POST + @Path("/{id}/activer") + AssociationDTO activer(@PathParam("id") UUID id); + + // Suspension: POST /{id}/suspendre (alias historique "désactiver") + @POST + @Path("/{id}/suspendre") + AssociationDTO suspendre(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/dissoudre") + AssociationDTO dissoudre(@PathParam("id") UUID id); + + @GET + @Path("/statistiques") + StatistiquesAssociationDTO obtenirStatistiques(); + + @GET + @Path("/{id}/membres/count") + Long compterMembres(@PathParam("id") UUID id); + + @GET + @Path("/{id}/performance") + PerformanceAssociationDTO obtenirPerformance(@PathParam("id") UUID id); + + // Classes DTO internes + class StatistiquesAssociationDTO { + public Long totalAssociations; + public Long associationsActives; + public Long associationsInactives; + public Long associationsSuspendues; + public Long associationsDissoutes; + public Long nouvellesAssociations30Jours; + public Double tauxActivite; + public java.util.Map repartitionParType; + public java.util.Map repartitionParRegion; + + // Constructeurs + public StatistiquesAssociationDTO() {} + + // Getters et setters + public Long getTotalAssociations() { return totalAssociations; } + public void setTotalAssociations(Long totalAssociations) { this.totalAssociations = totalAssociations; } + + public Long getAssociationsActives() { return associationsActives; } + public void setAssociationsActives(Long associationsActives) { this.associationsActives = associationsActives; } + + public Long getAssociationsInactives() { return associationsInactives; } + public void setAssociationsInactives(Long associationsInactives) { this.associationsInactives = associationsInactives; } + + public Long getAssociationsSuspendues() { return associationsSuspendues; } + public void setAssociationsSuspendues(Long associationsSuspendues) { this.associationsSuspendues = associationsSuspendues; } + + public Long getAssociationsDissoutes() { return associationsDissoutes; } + public void setAssociationsDissoutes(Long associationsDissoutes) { this.associationsDissoutes = associationsDissoutes; } + + public Long getNouvellesAssociations30Jours() { return nouvellesAssociations30Jours; } + public void setNouvellesAssociations30Jours(Long nouvellesAssociations30Jours) { this.nouvellesAssociations30Jours = nouvellesAssociations30Jours; } + + public Double getTauxActivite() { return tauxActivite; } + public void setTauxActivite(Double tauxActivite) { this.tauxActivite = tauxActivite; } + + public java.util.Map getRepartitionParType() { return repartitionParType; } + public void setRepartitionParType(java.util.Map repartitionParType) { this.repartitionParType = repartitionParType; } + + public java.util.Map getRepartitionParRegion() { return repartitionParRegion; } + public void setRepartitionParRegion(java.util.Map repartitionParRegion) { this.repartitionParRegion = repartitionParRegion; } + } + + class PerformanceAssociationDTO { + public UUID associationId; + public String nom; + public Integer scoreGlobal; + public Integer scoreMembres; + public Integer scoreActivites; + public Integer scoreFinances; + public String tendance; + public java.time.LocalDateTime derniereMiseAJour; + + // Constructeurs + public PerformanceAssociationDTO() {} + + // Getters et setters + public UUID getAssociationId() { return associationId; } + public void setAssociationId(UUID associationId) { this.associationId = associationId; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public Integer getScoreGlobal() { return scoreGlobal; } + public void setScoreGlobal(Integer scoreGlobal) { this.scoreGlobal = scoreGlobal; } + + public Integer getScoreMembres() { return scoreMembres; } + public void setScoreMembres(Integer scoreMembres) { this.scoreMembres = scoreMembres; } + + public Integer getScoreActivites() { return scoreActivites; } + public void setScoreActivites(Integer scoreActivites) { this.scoreActivites = scoreActivites; } + + public Integer getScoreFinances() { return scoreFinances; } + public void setScoreFinances(Integer scoreFinances) { this.scoreFinances = scoreFinances; } + + public String getTendance() { return tendance; } + public void setTendance(String tendance) { this.tendance = tendance; } + + public java.time.LocalDateTime getDerniereMiseAJour() { return derniereMiseAJour; } + public void setDerniereMiseAJour(java.time.LocalDateTime derniereMiseAJour) { this.derniereMiseAJour = derniereMiseAJour; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/service/AuditService.java b/src/main/java/dev/lions/unionflow/client/service/AuditService.java new file mode 100644 index 0000000..ae2dcb6 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/AuditService.java @@ -0,0 +1,53 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.AuditLogDTO; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.Map; +import org.eclipse.microprofile.rest.client.annotation.RegisterClientHeaders; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; + +/** + * Service REST client pour la gestion des logs d'audit + * + * @author UnionFlow Team + * @version 1.0 + */ +@RegisterRestClient(baseUri = "http://localhost:8085") +@RegisterClientHeaders +@Path("/api/audit") +public interface AuditService { + + @GET + @Produces(MediaType.APPLICATION_JSON) + Map listerTous( + @QueryParam("page") int page, + @QueryParam("size") int size, + @QueryParam("sortBy") String sortBy, + @QueryParam("sortOrder") String sortOrder); + + @POST + @Path("/rechercher") + @Produces(MediaType.APPLICATION_JSON) + Map rechercher( + @QueryParam("dateDebut") String dateDebut, + @QueryParam("dateFin") String dateFin, + @QueryParam("typeAction") String typeAction, + @QueryParam("severite") String severite, + @QueryParam("utilisateur") String utilisateur, + @QueryParam("module") String module, + @QueryParam("ipAddress") String ipAddress, + @QueryParam("page") int page, + @QueryParam("size") int size); + + @POST + @Consumes(MediaType.APPLICATION_JSON) + @Produces(MediaType.APPLICATION_JSON) + AuditLogDTO enregistrerLog(AuditLogDTO dto); + + @GET + @Path("/statistiques") + @Produces(MediaType.APPLICATION_JSON) + Map getStatistiques(); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/AuthenticationService.java b/src/main/java/dev/lions/unionflow/client/service/AuthenticationService.java new file mode 100644 index 0000000..d119ff5 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/AuthenticationService.java @@ -0,0 +1,177 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.auth.LoginRequest; +import dev.lions.unionflow.client.dto.auth.LoginResponse; +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.ws.rs.client.Client; +import jakarta.ws.rs.client.ClientBuilder; +import jakarta.ws.rs.client.Entity; +import jakarta.ws.rs.core.MediaType; +import jakarta.ws.rs.core.Response; +import org.eclipse.microprofile.config.inject.ConfigProperty; +import java.util.UUID; +import java.util.logging.Logger; + +@ApplicationScoped +public class AuthenticationService { + + private static final Logger LOGGER = Logger.getLogger(AuthenticationService.class.getName()); + + @ConfigProperty(name = "unionflow.backend.url", defaultValue = "http://localhost:8080") + String backendUrl; + + private final Client client; + + public AuthenticationService() { + this.client = ClientBuilder.newClient(); + } + + public LoginResponse authenticate(LoginRequest loginRequest) { + try { + String endpoint = backendUrl + "/api/auth/login"; + + LOGGER.info("Tentative d'authentification vers: " + endpoint); + + Response response = client.target(endpoint) + .request(MediaType.APPLICATION_JSON) + .post(Entity.entity(loginRequest, MediaType.APPLICATION_JSON)); + + if (response.getStatus() == 200) { + LoginResponse loginResponse = response.readEntity(LoginResponse.class); + LOGGER.info("Authentification réussie pour l'utilisateur: " + loginRequest.getUsername()); + return loginResponse; + } else { + LOGGER.warning("Échec de l'authentification. Code de statut: " + response.getStatus()); + throw new AuthenticationException("Nom d'utilisateur ou mot de passe incorrect"); + } + + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'authentification: " + e.getMessage()); + + // Mode simulation pour le développement + if ("demo".equals(loginRequest.getUsername()) || isValidDemoCredentials(loginRequest)) { + return createDemoLoginResponse(loginRequest); + } + + throw new AuthenticationException("Erreur de connexion au serveur d'authentification"); + } + } + + public LoginResponse refreshToken(String refreshToken) { + try { + String endpoint = backendUrl + "/api/auth/refresh"; + + Response response = client.target(endpoint) + .request(MediaType.APPLICATION_JSON) + .header("Authorization", "Bearer " + refreshToken) + .post(Entity.text("")); + + if (response.getStatus() == 200) { + return response.readEntity(LoginResponse.class); + } else { + throw new AuthenticationException("Token de rafraîchissement invalide"); + } + + } catch (Exception e) { + LOGGER.severe("Erreur lors du rafraîchissement du token: " + e.getMessage()); + throw new AuthenticationException("Erreur lors du rafraîchissement du token"); + } + } + + public void logout(String accessToken) { + try { + String endpoint = backendUrl + "/api/auth/logout"; + + client.target(endpoint) + .request() + .header("Authorization", "Bearer " + accessToken) + .post(Entity.text("")); + + } catch (Exception e) { + LOGGER.warning("Erreur lors de la déconnexion: " + e.getMessage()); + } + } + + private boolean isValidDemoCredentials(LoginRequest request) { + return ("admin".equals(request.getUsername()) && "admin".equals(request.getPassword())) || + ("superadmin".equals(request.getUsername()) && "admin".equals(request.getPassword())) || + ("membre".equals(request.getUsername()) && "membre".equals(request.getPassword())); + } + + private LoginResponse createDemoLoginResponse(LoginRequest request) { + LoginResponse.UserInfo userInfo = new LoginResponse.UserInfo(); + + // UUIDs fixes pour la démonstration (pour cohérence entre les sessions) + UUID superAdminId = UUID.fromString("00000000-0000-0000-0000-000000000001"); + UUID adminId = UUID.fromString("00000000-0000-0000-0000-000000000002"); + UUID membreId = UUID.fromString("00000000-0000-0000-0000-000000000003"); + UUID entiteId = UUID.fromString("00000000-0000-0000-0000-000000000010"); + + switch (request.getUsername()) { + case "superadmin": + userInfo.setId(superAdminId); + userInfo.setNom("Diallo"); + userInfo.setPrenom("Amadou"); + userInfo.setEmail("amadou.diallo@unionflow.sn"); + userInfo.setUsername("superadmin"); + userInfo.setTypeCompte("SUPER_ADMIN"); + userInfo.setRoles(java.util.Arrays.asList("SUPER_ADMIN", "ADMIN")); + break; + + case "admin": + userInfo.setId(adminId); + userInfo.setNom("Traoré"); + userInfo.setPrenom("Fatou"); + userInfo.setEmail("fatou.traore@association-example.sn"); + userInfo.setUsername("admin"); + userInfo.setTypeCompte("ADMIN_ENTITE"); + userInfo.setRoles(java.util.Arrays.asList("ADMIN_ENTITE")); + + // Entité de démonstration + LoginResponse.EntiteInfo entite = new LoginResponse.EntiteInfo(); + entite.setId(entiteId); + entite.setNom("Association des Jeunes Entrepreneurs"); + entite.setType("Association"); + entite.setPays("Sénégal"); + entite.setVille("Dakar"); + userInfo.setEntite(entite); + break; + + default: + userInfo.setId(membreId); + userInfo.setNom("Ndiaye"); + userInfo.setPrenom("Moussa"); + userInfo.setEmail("moussa.ndiaye@exemple.sn"); + userInfo.setUsername("membre"); + userInfo.setTypeCompte("MEMBRE"); + userInfo.setRoles(java.util.Arrays.asList("MEMBRE")); + + // Entité de démonstration + LoginResponse.EntiteInfo entiteMembre = new LoginResponse.EntiteInfo(); + entiteMembre.setId(entiteId); + entiteMembre.setNom("Association des Jeunes Entrepreneurs"); + entiteMembre.setType("Association"); + entiteMembre.setPays("Sénégal"); + entiteMembre.setVille("Dakar"); + userInfo.setEntite(entiteMembre); + break; + } + + return new LoginResponse( + "demo_access_token_" + System.currentTimeMillis(), + "demo_refresh_token_" + System.currentTimeMillis(), + 3600L, // 1 heure + userInfo + ); + } + + public static class AuthenticationException extends RuntimeException { + public AuthenticationException(String message) { + super(message); + } + + public AuthenticationException(String message, Throwable cause) { + super(message, cause); + } + } +} diff --git a/src/main/java/dev/lions/unionflow/client/service/CotisationService.java b/src/main/java/dev/lions/unionflow/client/service/CotisationService.java new file mode 100644 index 0000000..29a94ea --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/CotisationService.java @@ -0,0 +1,132 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.CotisationDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.Map; +import java.util.UUID; + +/** + * Service REST client pour la gestion des cotisations + * Interface correspondant exactement au backend CotisationResource + * + * @author UnionFlow Team + * @version 1.0 + */ +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/cotisations") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface CotisationService { + + /** + * Récupère toutes les cotisations avec pagination + */ + @GET + List listerToutes( + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Récupère une cotisation par son ID + */ + @GET + @Path("/{id}") + CotisationDTO obtenirParId(@PathParam("id") UUID id); + + /** + * Récupère une cotisation par son numéro de référence + */ + @GET + @Path("/reference/{numeroReference}") + CotisationDTO obtenirParReference(@PathParam("numeroReference") String numeroReference); + + /** + * Récupère les cotisations d'un membre + */ + @GET + @Path("/membre/{membreId}") + List obtenirParMembre( + @PathParam("membreId") UUID membreId, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Récupère les cotisations par statut + */ + @GET + @Path("/statut/{statut}") + List obtenirParStatut( + @PathParam("statut") String statut, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Récupère les cotisations en retard + */ + @GET + @Path("/en-retard") + List obtenirEnRetard( + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Recherche avancée de cotisations + */ + @GET + @Path("/recherche") + List rechercher( + @QueryParam("membreId") UUID membreId, + @QueryParam("statut") String statut, + @QueryParam("typeCotisation") String typeCotisation, + @QueryParam("annee") Integer annee, + @QueryParam("mois") Integer mois, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Récupère les statistiques des cotisations + */ + @GET + @Path("/stats") + Map obtenirStatistiques(); + + /** + * Crée une nouvelle cotisation + */ + @POST + CotisationDTO creer(CotisationDTO cotisation); + + /** + * Met à jour une cotisation existante + */ + @PUT + @Path("/{id}") + CotisationDTO modifier(@PathParam("id") UUID id, CotisationDTO cotisation); + + /** + * Supprime une cotisation + */ + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") UUID id); + + /** + * Envoie des rappels de cotisations groupés à plusieurs membres (WOU/DRY) + * + * @param membreIds Liste des IDs des membres destinataires + * @return Nombre de rappels envoyés + */ + @POST + @Path("/rappels/groupes") + @Consumes(MediaType.APPLICATION_JSON) + Map envoyerRappelsGroupes(List membreIds); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/DemandeAideService.java b/src/main/java/dev/lions/unionflow/client/service/DemandeAideService.java new file mode 100644 index 0000000..a7a244c --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/DemandeAideService.java @@ -0,0 +1,55 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.DemandeAideDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.UUID; + +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/demandes-aide") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface DemandeAideService { + + @GET + List listerToutes( + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + @GET + @Path("/{id}") + DemandeAideDTO obtenirParId(@PathParam("id") UUID id); + + @GET + @Path("/search") + List rechercher( + @QueryParam("statut") String statut, + @QueryParam("type") String type, + @QueryParam("urgence") String urgence, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + @POST + DemandeAideDTO creer(DemandeAideDTO demande); + + @PUT + @Path("/{id}") + DemandeAideDTO modifier(@PathParam("id") UUID id, DemandeAideDTO demande); + + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/approuver") + DemandeAideDTO approuver(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/rejeter") + DemandeAideDTO rejeter(@PathParam("id") UUID id); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/EvenementService.java b/src/main/java/dev/lions/unionflow/client/service/EvenementService.java new file mode 100644 index 0000000..8f9afab --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/EvenementService.java @@ -0,0 +1,136 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.EvenementDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.Map; +import java.util.UUID; + +/** + * Service REST client pour la gestion des événements + * Correspond exactement aux endpoints du backend EvenementResource + * + * @author UnionFlow Team + * @version 2.0 + */ +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/evenements") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface EvenementService { + + /** + * Liste tous les événements actifs avec pagination + */ + @GET + Map listerTous( + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size, + @QueryParam("sort") @DefaultValue("dateDebut") String sortField, + @QueryParam("direction") @DefaultValue("asc") String sortDirection + ); + + /** + * Récupère un événement par son ID + */ + @GET + @Path("/{id}") + EvenementDTO obtenirParId(@PathParam("id") UUID id); + + /** + * Crée un nouvel événement + */ + @POST + EvenementDTO creer(EvenementDTO evenement); + + /** + * Met à jour un événement existant + */ + @PUT + @Path("/{id}") + EvenementDTO modifier(@PathParam("id") UUID id, EvenementDTO evenement); + + /** + * Supprime un événement + */ + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") UUID id); + + /** + * Liste les événements à venir + */ + @GET + @Path("/a-venir") + Map listerAVenir( + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("10") int size + ); + + /** + * Recherche d'événements avec filtres + */ + @GET + @Path("/search") + Map rechercher( + @QueryParam("titre") String titre, + @QueryParam("type") String type, + @QueryParam("statut") String statut, + @QueryParam("dateDebut") String dateDebut, + @QueryParam("dateFin") String dateFin, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Liste les événements par statut + */ + @GET + @Path("/statut/{statut}") + Map listerParStatut( + @PathParam("statut") String statut, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Liste les événements par association + */ + @GET + @Path("/association/{associationId}") + Map listerParAssociation( + @PathParam("associationId") UUID associationId, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + /** + * Compte le nombre d'événements + */ + @GET + @Path("/count") + Map compter(); + + /** + * Inscrit un participant à un événement + */ + @POST + @Path("/{evenementId}/participants/{membreId}") + void inscrireParticipant(@PathParam("evenementId") UUID evenementId, @PathParam("membreId") UUID membreId); + + /** + * Désinscrit un participant d'un événement + */ + @DELETE + @Path("/{evenementId}/participants/{membreId}") + void desinscrireParticipant(@PathParam("evenementId") UUID evenementId, @PathParam("membreId") UUID membreId); + + /** + * Liste les participants d'un événement + */ + @GET + @Path("/{evenementId}/participants") + List> listerParticipants(@PathParam("evenementId") UUID evenementId); +} diff --git a/src/main/java/dev/lions/unionflow/client/service/ExportClientService.java b/src/main/java/dev/lions/unionflow/client/service/ExportClientService.java new file mode 100644 index 0000000..69034ab --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/ExportClientService.java @@ -0,0 +1,50 @@ +package dev.lions.unionflow.client.service; + +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.UUID; + +/** + * Service REST client pour l'export des données + */ +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/export") +@Consumes(MediaType.APPLICATION_JSON) +public interface ExportClientService { + + @GET + @Path("/cotisations/csv") + @Produces("text/csv") + byte[] exporterCotisationsCSV( + @QueryParam("statut") String statut, + @QueryParam("type") String type, + @QueryParam("associationId") UUID associationId + ); + + @POST + @Path("/cotisations/csv") + @Produces("text/csv") + byte[] exporterCotisationsSelectionneesCSV(List cotisationIds); + + @GET + @Path("/cotisations/{cotisationId}/recu") + @Produces("text/plain") + byte[] genererRecu(@PathParam("cotisationId") UUID cotisationId); + + @POST + @Path("/cotisations/recus") + @Produces("text/plain") + byte[] genererRecusGroupes(List cotisationIds); + + @GET + @Path("/rapport/mensuel") + @Produces("text/plain") + byte[] genererRapportMensuel( + @QueryParam("annee") int annee, + @QueryParam("mois") int mois, + @QueryParam("associationId") UUID associationId + ); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/FormulaireService.java b/src/main/java/dev/lions/unionflow/client/service/FormulaireService.java new file mode 100644 index 0000000..0d86381 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/FormulaireService.java @@ -0,0 +1,50 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.FormulaireDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.UUID; + +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/formulaires") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface FormulaireService { + + @GET + List listerTous(); + + @GET + @Path("/{id}") + FormulaireDTO obtenirParId(@PathParam("id") UUID id); + + @GET + @Path("/actifs") + List listerActifs(); + + @GET + @Path("/populaires") + List listerPopulaires(); + + @POST + FormulaireDTO creer(FormulaireDTO formulaire); + + @PUT + @Path("/{id}") + FormulaireDTO modifier(@PathParam("id") UUID id, FormulaireDTO formulaire); + + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/activer") + FormulaireDTO activer(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/desactiver") + FormulaireDTO desactiver(@PathParam("id") UUID id); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/MembreImportMultipartForm.java b/src/main/java/dev/lions/unionflow/client/service/MembreImportMultipartForm.java new file mode 100644 index 0000000..a5bab24 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/MembreImportMultipartForm.java @@ -0,0 +1,29 @@ +package dev.lions.unionflow.client.service; + +import jakarta.ws.rs.FormParam; +import jakarta.ws.rs.core.MediaType; +import org.eclipse.microprofile.rest.client.annotation.RegisterProvider; +import org.jboss.resteasy.reactive.PartType; +import java.util.UUID; + +public class MembreImportMultipartForm { + @FormParam("file") + @PartType(MediaType.APPLICATION_OCTET_STREAM) + public byte[] file; + + @FormParam("fileName") + public String fileName; + + @FormParam("organisationId") + public UUID organisationId; + + @FormParam("typeMembreDefaut") + public String typeMembreDefaut; + + @FormParam("mettreAJourExistants") + public boolean mettreAJourExistants; + + @FormParam("ignorerErreurs") + public boolean ignorerErreurs; +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/MembreService.java b/src/main/java/dev/lions/unionflow/client/service/MembreService.java new file mode 100644 index 0000000..7c6a6d2 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/MembreService.java @@ -0,0 +1,204 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.MembreDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.UUID; + +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/membres") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface MembreService { + + @GET + List listerTous(); + + @GET + @Path("/{id}") + MembreDTO obtenirParId(@PathParam("id") UUID id); + + @GET + @Path("/numero/{numeroMembre}") + MembreDTO obtenirParNumero(@PathParam("numeroMembre") String numeroMembre); + + @GET + @Path("/search") + List rechercher( + @QueryParam("nom") String nom, + @QueryParam("prenom") String prenom, + @QueryParam("email") String email, + @QueryParam("telephone") String telephone, + @QueryParam("statut") String statut, + @QueryParam("associationId") UUID associationId, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + @GET + @Path("/association/{associationId}") + List listerParAssociation(@PathParam("associationId") UUID associationId); + + @GET + @Path("/actifs") + List listerActifs(); + + @GET + @Path("/inactifs") + List listerInactifs(); + + @POST + MembreDTO creer(MembreDTO membre); + + @PUT + @Path("/{id}") + MembreDTO modifier(@PathParam("id") UUID id, MembreDTO membre); + + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/activer") + MembreDTO activer(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/desactiver") + MembreDTO desactiver(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/suspendre") + MembreDTO suspendre(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/radier") + MembreDTO radier(@PathParam("id") UUID id); + + @GET + @Path("/statistiques") + StatistiquesMembreDTO obtenirStatistiques(); + + @GET + @Path("/export") + @Produces({"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "text/csv", "application/pdf", "application/json"}) + byte[] exporterExcel( + @QueryParam("format") @DefaultValue("EXCEL") String format, + @QueryParam("associationId") UUID associationId, + @QueryParam("statut") String statut, + @QueryParam("type") String type, + @QueryParam("dateAdhesionDebut") String dateAdhesionDebut, + @QueryParam("dateAdhesionFin") String dateAdhesionFin, + @QueryParam("colonnes") List colonnesExport, + @QueryParam("inclureHeaders") @DefaultValue("true") boolean inclureHeaders, + @QueryParam("formaterDates") @DefaultValue("true") boolean formaterDates, + @QueryParam("inclureStatistiques") @DefaultValue("false") boolean inclureStatistiques, + @QueryParam("motDePasse") String motDePasse + ); + + @GET + @Path("/export/count") + @Produces(MediaType.APPLICATION_JSON) + Long compterMembresPourExport( + @QueryParam("associationId") UUID associationId, + @QueryParam("statut") String statut, + @QueryParam("type") String type, + @QueryParam("dateAdhesionDebut") String dateAdhesionDebut, + @QueryParam("dateAdhesionFin") String dateAdhesionFin + ); + + @POST + @Path("/import") + @Consumes(MediaType.MULTIPART_FORM_DATA) + @Produces(MediaType.APPLICATION_JSON) + ResultatImportDTO importerDonnees(MembreImportMultipartForm form); + + @GET + @Path("/import/modele") + @Produces("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet") + byte[] telechargerModeleImport(); + + @GET + @Path("/autocomplete/villes") + List obtenirVilles(@QueryParam("query") String query); + + @GET + @Path("/autocomplete/professions") + List obtenirProfessions(@QueryParam("query") String query); + + @POST + @Path("/export/selection") + @Consumes(MediaType.APPLICATION_JSON) + @Produces("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet") + byte[] exporterSelection( + List membreIds, + @QueryParam("format") @DefaultValue("EXCEL") String format); + + // Classes DTO internes pour les réponses spécialisées + class StatistiquesMembreDTO { + public Long totalMembres; + public Long membresActifs; + public Long membresInactifs; + public Long membresSuspendus; + public Long membresRadies; + public Long nouveauxMembres30Jours; + public Double tauxActivite; + public Double tauxCroissance; + + // Constructeurs + public StatistiquesMembreDTO() {} + + // Getters et setters + public Long getTotalMembres() { return totalMembres; } + public void setTotalMembres(Long totalMembres) { this.totalMembres = totalMembres; } + + public Long getMembresActifs() { return membresActifs; } + public void setMembresActifs(Long membresActifs) { this.membresActifs = membresActifs; } + + public Long getMembresInactifs() { return membresInactifs; } + public void setMembresInactifs(Long membresInactifs) { this.membresInactifs = membresInactifs; } + + public Long getMembresSuspendus() { return membresSuspendus; } + public void setMembresSuspendus(Long membresSuspendus) { this.membresSuspendus = membresSuspendus; } + + public Long getMembresRadies() { return membresRadies; } + public void setMembresRadies(Long membresRadies) { this.membresRadies = membresRadies; } + + public Long getNouveauxMembres30Jours() { return nouveauxMembres30Jours; } + public void setNouveauxMembres30Jours(Long nouveauxMembres30Jours) { this.nouveauxMembres30Jours = nouveauxMembres30Jours; } + + public Double getTauxActivite() { return tauxActivite; } + public void setTauxActivite(Double tauxActivite) { this.tauxActivite = tauxActivite; } + + public Double getTauxCroissance() { return tauxCroissance; } + public void setTauxCroissance(Double tauxCroissance) { this.tauxCroissance = tauxCroissance; } + } + + class ResultatImportDTO { + public Integer totalLignes; + public Integer lignesTraitees; + public Integer lignesErreur; + public List erreurs; + public List membresImportes; + + // Constructeurs + public ResultatImportDTO() {} + + // Getters et setters + public Integer getTotalLignes() { return totalLignes; } + public void setTotalLignes(Integer totalLignes) { this.totalLignes = totalLignes; } + + public Integer getLignesTraitees() { return lignesTraitees; } + public void setLignesTraitees(Integer lignesTraitees) { this.lignesTraitees = lignesTraitees; } + + public Integer getLignesErreur() { return lignesErreur; } + public void setLignesErreur(Integer lignesErreur) { this.lignesErreur = lignesErreur; } + + public List getErreurs() { return erreurs; } + public void setErreurs(List erreurs) { this.erreurs = erreurs; } + + public List getMembresImportes() { return membresImportes; } + public void setMembresImportes(List membresImportes) { this.membresImportes = membresImportes; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/service/NotificationClientService.java b/src/main/java/dev/lions/unionflow/client/service/NotificationClientService.java new file mode 100644 index 0000000..6bca212 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/NotificationClientService.java @@ -0,0 +1,53 @@ +package dev.lions.unionflow.client.service; + +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.Map; + +/** + * Service REST client pour les notifications + */ +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/notifications") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface NotificationClientService { + + @POST + @Path("/groupe") + List> envoyerNotificationGroupe( + @QueryParam("type") String type, + @QueryParam("titre") String titre, + @QueryParam("message") String message, + List destinatairesIds + ); + + @GET + @Path("/utilisateur/{utilisateurId}") + List> obtenirNotifications( + @PathParam("utilisateurId") String utilisateurId, + @QueryParam("includeArchivees") @DefaultValue("false") boolean includeArchivees, + @QueryParam("limite") @DefaultValue("50") int limite + ); + + @PUT + @Path("/{notificationId}/lue") + Map marquerCommeLue( + @PathParam("notificationId") String notificationId, + @QueryParam("utilisateurId") String utilisateurId + ); + + @GET + @Path("/stats") + Map obtenirStatistiques(); + + @POST + @Path("/test/{utilisateurId}") + Map envoyerNotificationTest( + @PathParam("utilisateurId") String utilisateurId, + @QueryParam("type") @DefaultValue("SYSTEME") String type + ); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/NotificationService.java b/src/main/java/dev/lions/unionflow/client/service/NotificationService.java new file mode 100644 index 0000000..7eda9ed --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/NotificationService.java @@ -0,0 +1,51 @@ +package dev.lions.unionflow.client.service; + +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.Map; +import java.util.UUID; + +/** + * Service REST Client pour la gestion des notifications (WOU/DRY) + * + * @author UnionFlow Team + * @version 3.0 + */ +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/notifications") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface NotificationService { + + /** + * Envoie des notifications groupées à plusieurs membres (WOU/DRY) + * + * @param request DTO contenant les IDs des membres, sujet, corps et canaux + * @return Nombre de notifications créées + */ + @POST + @Path("/groupees") + Map envoyerNotificationsGroupees(NotificationGroupeeRequest request); + + /** + * Classe interne pour les requêtes de notifications groupées (WOU/DRY) + */ + class NotificationGroupeeRequest { + public List membreIds; + public String sujet; + public String corps; + public List canaux; + + public NotificationGroupeeRequest() {} + + public NotificationGroupeeRequest(List membreIds, String sujet, String corps, List canaux) { + this.membreIds = membreIds; + this.sujet = sujet; + this.corps = corps; + this.canaux = canaux; + } + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/PreferencesService.java b/src/main/java/dev/lions/unionflow/client/service/PreferencesService.java new file mode 100644 index 0000000..e03a23f --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/PreferencesService.java @@ -0,0 +1,34 @@ +package dev.lions.unionflow.client.service; + +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.Map; +import java.util.UUID; + +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/preferences") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface PreferencesService { + + @GET + @Path("/{utilisateurId}") + Map obtenirPreferences(@PathParam("utilisateurId") UUID utilisateurId); + + @PUT + @Path("/{utilisateurId}") + void mettreAJourPreferences( + @PathParam("utilisateurId") UUID utilisateurId, + Map preferences + ); + + @POST + @Path("/{utilisateurId}/reinitialiser") + void reinitialiserPreferences(@PathParam("utilisateurId") UUID utilisateurId); + + @GET + @Path("/{utilisateurId}/export") + Map exporterPreferences(@PathParam("utilisateurId") UUID utilisateurId); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/RestClientExceptionMapper.java b/src/main/java/dev/lions/unionflow/client/service/RestClientExceptionMapper.java new file mode 100644 index 0000000..1d13117 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/RestClientExceptionMapper.java @@ -0,0 +1,86 @@ +package dev.lions.unionflow.client.service; + +import jakarta.ws.rs.core.MultivaluedMap; +import jakarta.ws.rs.core.Response; +import org.eclipse.microprofile.rest.client.ext.ResponseExceptionMapper; + +import java.io.ByteArrayInputStream; +import java.io.InputStream; + +public class RestClientExceptionMapper implements ResponseExceptionMapper { + + @Override + public RuntimeException toThrowable(Response response) { + int status = response.getStatus(); + String reasonPhrase = response.getStatusInfo().getReasonPhrase(); + + // Lire le corps de la réponse pour plus de détails + String body = ""; + try { + if (response.hasEntity()) { + body = response.readEntity(String.class); + } + } catch (Exception e) { + body = "Impossible de lire le détail de l'erreur"; + } + + return switch (status) { + case 400 -> new BadRequestException("Requête invalide: " + body); + case 401 -> new UnauthorizedException("Non autorisé: " + reasonPhrase); + case 403 -> new ForbiddenException("Accès interdit: " + reasonPhrase); + case 404 -> new NotFoundException("Ressource non trouvée: " + reasonPhrase); + case 409 -> new ConflictException("Conflit: " + body); + case 422 -> new UnprocessableEntityException("Données non valides: " + body); + case 500 -> new InternalServerErrorException("Erreur serveur interne: " + body); + case 502 -> new BadGatewayException("Erreur de passerelle: " + reasonPhrase); + case 503 -> new ServiceUnavailableException("Service indisponible: " + reasonPhrase); + case 504 -> new GatewayTimeoutException("Timeout de passerelle: " + reasonPhrase); + default -> new UnknownHttpStatusException("Erreur HTTP " + status + ": " + reasonPhrase + (body.isEmpty() ? "" : " - " + body)); + }; + } + + // Classes d'exception personnalisées + public static class BadRequestException extends RuntimeException { + public BadRequestException(String message) { super(message); } + } + + public static class UnauthorizedException extends RuntimeException { + public UnauthorizedException(String message) { super(message); } + } + + public static class ForbiddenException extends RuntimeException { + public ForbiddenException(String message) { super(message); } + } + + public static class NotFoundException extends RuntimeException { + public NotFoundException(String message) { super(message); } + } + + public static class ConflictException extends RuntimeException { + public ConflictException(String message) { super(message); } + } + + public static class UnprocessableEntityException extends RuntimeException { + public UnprocessableEntityException(String message) { super(message); } + } + + public static class InternalServerErrorException extends RuntimeException { + public InternalServerErrorException(String message) { super(message); } + } + + public static class BadGatewayException extends RuntimeException { + public BadGatewayException(String message) { super(message); } + } + + public static class ServiceUnavailableException extends RuntimeException { + public ServiceUnavailableException(String message) { super(message); } + } + + public static class GatewayTimeoutException extends RuntimeException { + public GatewayTimeoutException(String message) { super(message); } + } + + public static class UnknownHttpStatusException extends RuntimeException { + public UnknownHttpStatusException(String message) { super(message); } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/service/SouscriptionService.java b/src/main/java/dev/lions/unionflow/client/service/SouscriptionService.java new file mode 100644 index 0000000..96a7c81 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/SouscriptionService.java @@ -0,0 +1,46 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.SouscriptionDTO; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.UUID; + +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/souscriptions") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface SouscriptionService { + + @GET + List listerToutes( + @QueryParam("organisationId") UUID organisationId, + @QueryParam("page") @DefaultValue("0") int page, + @QueryParam("size") @DefaultValue("20") int size + ); + + @GET + @Path("/{id}") + SouscriptionDTO obtenirParId(@PathParam("id") UUID id); + + @GET + @Path("/organisation/{organisationId}/active") + SouscriptionDTO obtenirActive(@PathParam("organisationId") UUID organisationId); + + @POST + SouscriptionDTO creer(SouscriptionDTO souscription); + + @PUT + @Path("/{id}") + SouscriptionDTO modifier(@PathParam("id") UUID id, SouscriptionDTO souscription); + + @DELETE + @Path("/{id}") + void supprimer(@PathParam("id") UUID id); + + @PUT + @Path("/{id}/renouveler") + SouscriptionDTO renouveler(@PathParam("id") UUID id); +} + diff --git a/src/main/java/dev/lions/unionflow/client/service/TypeOrganisationClientService.java b/src/main/java/dev/lions/unionflow/client/service/TypeOrganisationClientService.java new file mode 100644 index 0000000..0a45851 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/TypeOrganisationClientService.java @@ -0,0 +1,34 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.TypeOrganisationClientDTO; +import jakarta.ws.rs.*; +import jakarta.ws.rs.core.MediaType; +import java.util.List; +import java.util.UUID; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; + +/** + * REST client pour le catalogue des types d'organisation. + */ +@RegisterRestClient(configKey = "unionflow-api") +@Path("/api/types-organisations") +@Consumes(MediaType.APPLICATION_JSON) +@Produces(MediaType.APPLICATION_JSON) +public interface TypeOrganisationClientService { + + @GET + List list(@QueryParam("onlyActifs") @DefaultValue("true") boolean onlyActifs); + + @POST + TypeOrganisationClientDTO create(TypeOrganisationClientDTO dto); + + @PUT + @Path("/{id}") + TypeOrganisationClientDTO update(@PathParam("id") UUID id, TypeOrganisationClientDTO dto); + + @DELETE + @Path("/{id}") + void disable(@PathParam("id") UUID id); +} + + diff --git a/src/main/java/dev/lions/unionflow/client/service/ValidationService.java b/src/main/java/dev/lions/unionflow/client/service/ValidationService.java new file mode 100644 index 0000000..ccf4816 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/ValidationService.java @@ -0,0 +1,102 @@ +package dev.lions.unionflow.client.service; + +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Inject; +import jakarta.validation.ConstraintViolation; +import jakarta.validation.Validator; +import java.util.ArrayList; +import java.util.List; +import java.util.Set; + +@ApplicationScoped +public class ValidationService { + + @Inject + Validator validator; + + /** + * Valide un objet et retourne la liste des erreurs + */ + public ValidationResult validate(T object) { + Set> violations = validator.validate(object); + + ValidationResult result = new ValidationResult(); + result.setValid(violations.isEmpty()); + + List messages = new ArrayList<>(); + for (ConstraintViolation violation : violations) { + messages.add(violation.getPropertyPath() + ": " + violation.getMessage()); + } + result.setErrorMessages(messages); + + return result; + } + + /** + * Valide une propriété spécifique d'un objet + */ + public ValidationResult validateProperty(T object, String propertyName) { + Set> violations = validator.validateProperty(object, propertyName); + + ValidationResult result = new ValidationResult(); + result.setValid(violations.isEmpty()); + + List messages = new ArrayList<>(); + for (ConstraintViolation violation : violations) { + messages.add(violation.getMessage()); + } + result.setErrorMessages(messages); + + return result; + } + + /** + * Valide une valeur contre les contraintes d'une propriété + */ + public ValidationResult validateValue(Class beanType, String propertyName, Object value) { + Set> violations = validator.validateValue(beanType, propertyName, value); + + ValidationResult result = new ValidationResult(); + result.setValid(violations.isEmpty()); + + List messages = new ArrayList<>(); + for (ConstraintViolation violation : violations) { + messages.add(violation.getMessage()); + } + result.setErrorMessages(messages); + + return result; + } + + /** + * Classe pour encapsuler le résultat de validation + */ + public static class ValidationResult { + private boolean valid; + private List errorMessages = new ArrayList<>(); + + public boolean isValid() { + return valid; + } + + public void setValid(boolean valid) { + this.valid = valid; + } + + public List getErrorMessages() { + return errorMessages; + } + + public void setErrorMessages(List errorMessages) { + this.errorMessages = errorMessages; + } + + public String getFirstErrorMessage() { + return errorMessages.isEmpty() ? null : errorMessages.get(0); + } + + public String getAllErrorMessages() { + return String.join(", ", errorMessages); + } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/service/WaveService.java b/src/main/java/dev/lions/unionflow/client/service/WaveService.java new file mode 100644 index 0000000..fc93538 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/service/WaveService.java @@ -0,0 +1,55 @@ +package dev.lions.unionflow.client.service; + +import dev.lions.unionflow.client.dto.WaveCheckoutSessionDTO; +import dev.lions.unionflow.client.dto.WaveBalanceDTO; +import jakarta.ws.rs.Consumes; +import jakarta.ws.rs.GET; +import jakarta.ws.rs.POST; +import jakarta.ws.rs.Path; +import jakarta.ws.rs.PathParam; +import jakarta.ws.rs.Produces; +import jakarta.ws.rs.QueryParam; +import jakarta.ws.rs.core.MediaType; +import java.math.BigDecimal; +import java.util.Map; +import java.util.UUID; +import org.eclipse.microprofile.rest.client.inject.RegisterRestClient; + +/** + * Service REST client pour l'intégration Wave Money + * + * @author UnionFlow Team + * @version 1.0 + * @since 2025-01-17 + */ +@RegisterRestClient(baseUri = "http://localhost:8085") +@Path("/api/wave") +@Produces(MediaType.APPLICATION_JSON) +@Consumes(MediaType.APPLICATION_JSON) +public interface WaveService { + + @POST + @Path("/checkout/sessions") + WaveCheckoutSessionDTO creerSessionPaiement( + @QueryParam("montant") BigDecimal montant, + @QueryParam("devise") String devise, + @QueryParam("successUrl") String successUrl, + @QueryParam("errorUrl") String errorUrl, + @QueryParam("reference") String referenceUnionFlow, + @QueryParam("description") String description, + @QueryParam("organisationId") UUID organisationId, + @QueryParam("membreId") UUID membreId); + + @GET + @Path("/checkout/sessions/{sessionId}") + WaveCheckoutSessionDTO verifierStatutSession(@PathParam("sessionId") String sessionId); + + @GET + @Path("/balance") + WaveBalanceDTO consulterSolde(); + + @GET + @Path("/test") + Map testerConnexion(); +} + diff --git a/src/main/java/dev/lions/unionflow/client/validation/MemberNumberValidator.java b/src/main/java/dev/lions/unionflow/client/validation/MemberNumberValidator.java new file mode 100644 index 0000000..3d87d20 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/validation/MemberNumberValidator.java @@ -0,0 +1,51 @@ +package dev.lions.unionflow.client.validation; + +import jakarta.validation.ConstraintValidator; +import jakarta.validation.ConstraintValidatorContext; +import java.util.regex.Pattern; + +public class MemberNumberValidator implements ConstraintValidator { + + // Pattern pour numéro de membre: M + année + numéro séquentiel + private static final Pattern MEMBER_NUMBER_PATTERN = Pattern.compile("^M[0-9]{4}[0-9]{3,6}$"); + + @Override + public void initialize(ValidMemberNumber constraintAnnotation) { + // Initialisation si nécessaire + } + + @Override + public boolean isValid(String memberNumber, ConstraintValidatorContext context) { + // Null ou vide = invalide pour un numéro de membre + if (memberNumber == null || memberNumber.trim().isEmpty()) { + return false; + } + + // Nettoyer le numéro (supprimer espaces) + String cleanNumber = memberNumber.trim().toUpperCase(); + + // Vérifier le pattern + if (!MEMBER_NUMBER_PATTERN.matcher(cleanNumber).matches()) { + return false; + } + + // Vérifier que l'année est raisonnable (entre 2020 et année actuelle + 1) + try { + String yearStr = cleanNumber.substring(1, 5); + int year = Integer.parseInt(yearStr); + int currentYear = java.time.Year.now().getValue(); + + if (year < 2020 || year > currentYear + 1) { + context.disableDefaultConstraintViolation(); + context.buildConstraintViolationWithTemplate( + "L'année dans le numéro de membre doit être entre 2020 et " + (currentYear + 1) + ).addConstraintViolation(); + return false; + } + } catch (NumberFormatException e) { + return false; + } + + return true; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/validation/PhoneNumberValidator.java b/src/main/java/dev/lions/unionflow/client/validation/PhoneNumberValidator.java new file mode 100644 index 0000000..02db898 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/validation/PhoneNumberValidator.java @@ -0,0 +1,46 @@ +package dev.lions.unionflow.client.validation; + +import jakarta.validation.ConstraintValidator; +import jakarta.validation.ConstraintValidatorContext; +import java.util.regex.Pattern; + +public class PhoneNumberValidator implements ConstraintValidator { + + // Patterns pour différents formats de téléphone africains + private static final Pattern[] PHONE_PATTERNS = { + Pattern.compile("^(\\+225|225)?[0-9]{8}$"), // Côte d'Ivoire + Pattern.compile("^(\\+221|221)?[0-9]{9}$"), // Sénégal + Pattern.compile("^(\\+226|226)?[0-9]{8}$"), // Burkina Faso + Pattern.compile("^(\\+223|223)?[0-9]{8}$"), // Mali + Pattern.compile("^(\\+228|228)?[0-9]{8}$"), // Togo + Pattern.compile("^(\\+229|229)?[0-9]{8}$"), // Bénin + Pattern.compile("^(\\+233|233)?[0-9]{9}$"), // Ghana + Pattern.compile("^(\\+234|234)?[0-9]{10}$"), // Nigeria + Pattern.compile("^[0-9]{8,15}$") // Format générique + }; + + @Override + public void initialize(ValidPhoneNumber constraintAnnotation) { + // Initialisation si nécessaire + } + + @Override + public boolean isValid(String phone, ConstraintValidatorContext context) { + // Null ou vide = valide (utiliser @NotBlank si obligatoire) + if (phone == null || phone.trim().isEmpty()) { + return true; + } + + // Nettoyer le numéro (supprimer espaces, tirets, etc.) + String cleanPhone = phone.replaceAll("[\\s\\-\\(\\)\\.]", ""); + + // Vérifier contre tous les patterns + for (Pattern pattern : PHONE_PATTERNS) { + if (pattern.matcher(cleanPhone).matches()) { + return true; + } + } + + return false; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/validation/ValidMemberNumber.java b/src/main/java/dev/lions/unionflow/client/validation/ValidMemberNumber.java new file mode 100644 index 0000000..8076baa --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/validation/ValidMemberNumber.java @@ -0,0 +1,18 @@ +package dev.lions.unionflow.client.validation; + +import jakarta.validation.Constraint; +import jakarta.validation.Payload; +import java.lang.annotation.*; + +@Documented +@Constraint(validatedBy = MemberNumberValidator.class) +@Target({ElementType.FIELD, ElementType.METHOD, ElementType.PARAMETER}) +@Retention(RetentionPolicy.RUNTIME) +public @interface ValidMemberNumber { + + String message() default "Numéro de membre invalide. Format attendu: M + année + numéro (ex: M2024001)"; + + Class[] groups() default {}; + + Class[] payload() default {}; +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/validation/ValidPhoneNumber.java b/src/main/java/dev/lions/unionflow/client/validation/ValidPhoneNumber.java new file mode 100644 index 0000000..488b14c --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/validation/ValidPhoneNumber.java @@ -0,0 +1,18 @@ +package dev.lions.unionflow.client.validation; + +import jakarta.validation.Constraint; +import jakarta.validation.Payload; +import java.lang.annotation.*; + +@Documented +@Constraint(validatedBy = PhoneNumberValidator.class) +@Target({ElementType.FIELD, ElementType.METHOD, ElementType.PARAMETER}) +@Retention(RetentionPolicy.RUNTIME) +public @interface ValidPhoneNumber { + + String message() default "Numéro de téléphone invalide. Formats acceptés: +225XXXXXXXX, 0XXXXXXXXX, etc."; + + Class[] groups() default {}; + + Class[] payload() default {}; +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/validation/ValidationGroups.java b/src/main/java/dev/lions/unionflow/client/validation/ValidationGroups.java new file mode 100644 index 0000000..9231b72 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/validation/ValidationGroups.java @@ -0,0 +1,47 @@ +package dev.lions.unionflow.client.validation; + +/** + * Groupes de validation pour différents cas d'usage dans UnionFlow + */ +public class ValidationGroups { + + /** + * Validation pour la création d'un nouveau membre + */ + public interface CreateMember {} + + /** + * Validation pour la mise à jour d'un membre existant + */ + public interface UpdateMember {} + + /** + * Validation pour la création d'une association + */ + public interface CreateAssociation {} + + /** + * Validation pour la mise à jour d'une association + */ + public interface UpdateAssociation {} + + /** + * Validation pour l'inscription rapide (champs minimum requis) + */ + public interface QuickRegistration {} + + /** + * Validation pour l'inscription complète (tous les champs) + */ + public interface FullRegistration {} + + /** + * Validation pour l'importation en masse + */ + public interface BulkImport {} + + /** + * Validation pour les données administratives + */ + public interface AdminData {} +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/AdhesionsBean.java b/src/main/java/dev/lions/unionflow/client/view/AdhesionsBean.java new file mode 100644 index 0000000..432bc65 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/AdhesionsBean.java @@ -0,0 +1,596 @@ +package dev.lions.unionflow.client.view; + +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.Map; +import java.util.UUID; +import java.util.logging.Logger; +import java.util.stream.Collectors; + +import org.eclipse.microprofile.rest.client.inject.RestClient; + +import dev.lions.unionflow.client.dto.AdhesionDTO; +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.service.AdhesionService; +import dev.lions.unionflow.client.service.AssociationService; +import dev.lions.unionflow.client.service.MembreService; +import jakarta.annotation.PostConstruct; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.faces.model.SelectItem; +import jakarta.inject.Inject; +import jakarta.inject.Named; + +/** + * Bean JSF pour la gestion des adhésions + * Utilise directement AdhesionDTO et se connecte au backend + * + * @author UnionFlow Team + * @version 1.0 + */ +@Named("adhesionsBean") +@SessionScoped +public class AdhesionsBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(AdhesionsBean.class.getName()); + + @Inject + @RestClient + private AdhesionService adhesionService; + + @Inject + @RestClient + private MembreService membreService; + + @Inject + @RestClient + private AssociationService associationService; + + // Listes de référence pour les select + private List listeMembres; + private List listeAssociations; + + // Données principales + private List toutesLesAdhesions; + private List adhesionsFiltrees; + private List adhesionsSelectionnees; + private AdhesionDTO adhesionSelectionnee; + + // Formulaire nouvelle adhésion + private NouvelleAdhesion nouvelleAdhesion; + + // Filtres + private FiltresAdhesion filtres; + + // Statistiques + private StatistiquesAdhesion statistiques; + + @PostConstruct + public void init() { + initializeFiltres(); + chargerMembresEtAssociations(); + chargerAdhesions(); + chargerStatistiques(); + initializeNouvelleAdhesion(); + appliquerFiltres(); + } + + /** + * Charge les listes de membres et d'associations depuis le backend + */ + private void chargerMembresEtAssociations() { + listeMembres = new ArrayList<>(); + listeAssociations = new ArrayList<>(); + + try { + listeMembres = membreService.listerActifs(); + LOGGER.info("Chargement de " + listeMembres.size() + " membres actifs"); + } catch (Exception e) { + LOGGER.warning("Impossible de charger les membres: " + e.getMessage()); + } + + try { + listeAssociations = associationService.listerToutes(0, 1000); + LOGGER.info("Chargement de " + listeAssociations.size() + " associations actives"); + } catch (Exception e) { + LOGGER.warning("Impossible de charger les associations: " + e.getMessage()); + } + } + + /** + * Retourne la liste des membres pour les SelectItem + */ + public List getMembresSelectItems() { + List items = new ArrayList<>(); + items.add(new SelectItem(null, "Sélectionner un membre")); + if (listeMembres != null) { + for (MembreDTO membre : listeMembres) { + String label = membre.getPrenom() + " " + membre.getNom(); + if (membre.getNumeroMembre() != null) { + label += " (" + membre.getNumeroMembre() + ")"; + } + items.add(new SelectItem(membre.getId(), label)); + } + } + return items; + } + + /** + * Retourne la liste des associations pour les SelectItem + */ + public List getAssociationsSelectItems() { + List items = new ArrayList<>(); + items.add(new SelectItem(null, "Sélectionner une organisation")); + if (listeAssociations != null) { + for (AssociationDTO assoc : listeAssociations) { + String label = assoc.getNom(); + if (assoc.getTypeAssociation() != null) { + label += " (" + assoc.getTypeAssociation() + ")"; + } + items.add(new SelectItem(assoc.getId(), label)); + } + } + return items; + } + + private void initializeFiltres() { + filtres = new FiltresAdhesion(); + adhesionsSelectionnees = new ArrayList<>(); + } + + /** + * Charge les adhésions depuis le backend + */ + private void chargerAdhesions() { + toutesLesAdhesions = new ArrayList<>(); + try { + toutesLesAdhesions = adhesionService.listerToutes(0, 1000); + LOGGER.info("Chargement de " + toutesLesAdhesions.size() + " adhésions"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des adhésions: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de charger les adhésions: " + e.getMessage())); + } + } + + /** + * Charge les statistiques depuis le backend + */ + private void chargerStatistiques() { + statistiques = new StatistiquesAdhesion(); + try { + Map statsBackend = adhesionService.obtenirStatistiques(); + + // Extraction des statistiques du backend + Long totalAdhesions = ((Number) statsBackend.getOrDefault("totalAdhesions", 0L)).longValue(); + Long adhesionsApprouvees = ((Number) statsBackend.getOrDefault("adhesionsApprouvees", 0L)).longValue(); + Long adhesionsEnAttente = ((Number) statsBackend.getOrDefault("adhesionsEnAttente", 0L)).longValue(); + Long adhesionsPayees = ((Number) statsBackend.getOrDefault("adhesionsPayees", 0L)).longValue(); + Double tauxApprobation = ((Number) statsBackend.getOrDefault("tauxApprobation", 0.0)).doubleValue(); + Double tauxPaiement = ((Number) statsBackend.getOrDefault("tauxPaiement", 0.0)).doubleValue(); + + // Calcul des montants depuis les adhésions réelles + BigDecimal totalCollecte = toutesLesAdhesions.stream() + .filter(a -> "PAYEE".equals(a.getStatut()) || "EN_PAIEMENT".equals(a.getStatut())) + .map(a -> a.getMontantPaye() != null ? a.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + BigDecimal totalFrais = toutesLesAdhesions.stream() + .map(a -> a.getFraisAdhesion() != null ? a.getFraisAdhesion() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + statistiques.setTotalAdhesions(totalAdhesions.intValue()); + statistiques.setAdhesionsApprouvees(adhesionsApprouvees.intValue()); + statistiques.setAdhesionsEnAttente(adhesionsEnAttente.intValue()); + statistiques.setAdhesionsPayees(adhesionsPayees.intValue()); + statistiques.setTauxApprobation(tauxApprobation); + statistiques.setTauxPaiement(tauxPaiement); + statistiques.setTotalCollecte(totalCollecte); + statistiques.setTotalFrais(totalFrais); + + LOGGER.info("Statistiques chargées: Total=" + totalAdhesions + ", Approuvées=" + adhesionsApprouvees); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des statistiques: " + e.getMessage()); + initialiserStatistiquesParDefaut(); + } + } + + private void initialiserStatistiquesParDefaut() { + statistiques.setTotalAdhesions(0); + statistiques.setAdhesionsApprouvees(0); + statistiques.setAdhesionsEnAttente(0); + statistiques.setAdhesionsPayees(0); + statistiques.setTauxApprobation(0.0); + statistiques.setTauxPaiement(0.0); + statistiques.setTotalCollecte(BigDecimal.ZERO); + statistiques.setTotalFrais(BigDecimal.ZERO); + } + + /** + * Applique les filtres en utilisant la recherche backend + */ + private void appliquerFiltres() { + try { + // Utiliser la recherche backend + if (filtres.getStatut() != null && !filtres.getStatut().isEmpty()) { + adhesionsFiltrees = adhesionService.obtenirParStatut(filtres.getStatut(), 0, 1000); + } else { + adhesionsFiltrees = new ArrayList<>(toutesLesAdhesions); + } + + // Appliquer les filtres supplémentaires côté client si nécessaire + if (filtres.getNomMembre() != null && !filtres.getNomMembre().trim().isEmpty()) { + adhesionsFiltrees = adhesionsFiltrees.stream() + .filter(a -> a.getNomMembre() != null + && a.getNomMembre().toLowerCase().contains(filtres.getNomMembre().toLowerCase())) + .collect(Collectors.toList()); + } + + if (filtres.getDateDebut() != null) { + adhesionsFiltrees = adhesionsFiltrees.stream() + .filter(a -> a.getDateDemande() != null + && !a.getDateDemande().isBefore(filtres.getDateDebut())) + .collect(Collectors.toList()); + } + + if (filtres.getDateFin() != null) { + adhesionsFiltrees = adhesionsFiltrees.stream() + .filter(a -> a.getDateDemande() != null + && !a.getDateDemande().isAfter(filtres.getDateFin())) + .collect(Collectors.toList()); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'application des filtres: " + e.getMessage()); + adhesionsFiltrees = new ArrayList<>(); + } + } + + // Actions + + /** + * Recherche avec filtres + */ + public void rechercher() { + appliquerFiltres(); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Recherche", + adhesionsFiltrees.size() + " adhésion(s) trouvée(s)")); + } + + /** + * Réinitialise les filtres + */ + public void reinitialiserFiltres() { + filtres = new FiltresAdhesion(); + chargerAdhesions(); + appliquerFiltres(); + } + + /** + * Enregistre une nouvelle adhésion via le backend + */ + public void enregistrerAdhesion() { + try { + AdhesionDTO nouvelleAdh = new AdhesionDTO(); + nouvelleAdh.setMembreId(nouvelleAdhesion.getMembreId()); + nouvelleAdh.setOrganisationId(nouvelleAdhesion.getOrganisationId()); + nouvelleAdh.setFraisAdhesion(nouvelleAdhesion.getFraisAdhesion()); + nouvelleAdh.setDateDemande(LocalDate.now()); + nouvelleAdh.setStatut("EN_ATTENTE"); + nouvelleAdh.setMontantPaye(BigDecimal.ZERO); + nouvelleAdh.setCodeDevise("XOF"); + nouvelleAdh.setObservations(nouvelleAdhesion.getObservations()); + + AdhesionDTO adhesionCreee = adhesionService.creer(nouvelleAdh); + + // Recharger les données + chargerAdhesions(); + chargerStatistiques(); + appliquerFiltres(); + initializeNouvelleAdhesion(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Adhésion créée avec succès")); + LOGGER.info("Nouvelle adhésion créée: " + adhesionCreee.getId()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la création de l'adhésion: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de créer l'adhésion: " + e.getMessage())); + } + } + + /** + * Approuve une adhésion + */ + public void approuverAdhesion() { + if (adhesionSelectionnee == null) { + return; + } + + try { + adhesionService.approuver(adhesionSelectionnee.getId(), "Admin"); + + // Recharger les données + chargerAdhesions(); + chargerStatistiques(); + appliquerFiltres(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Adhésion approuvée")); + LOGGER.info("Adhésion approuvée: " + adhesionSelectionnee.getId()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'approbation: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'approuver l'adhésion: " + e.getMessage())); + } + } + + /** + * Rejette une adhésion + */ + public void rejeterAdhesion(String motifRejet) { + if (adhesionSelectionnee == null) { + return; + } + + try { + adhesionService.rejeter(adhesionSelectionnee.getId(), motifRejet); + + // Recharger les données + chargerAdhesions(); + chargerStatistiques(); + appliquerFiltres(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Adhésion rejetée")); + LOGGER.info("Adhésion rejetée: " + adhesionSelectionnee.getId()); + } catch (Exception e) { + LOGGER.severe("Erreur lors du rejet: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de rejeter l'adhésion: " + e.getMessage())); + } + } + + /** + * Enregistre un paiement pour une adhésion + */ + public void enregistrerPaiement(BigDecimal montantPaye, String methodePaiement, String referencePaiement) { + if (adhesionSelectionnee == null) { + return; + } + + try { + adhesionService.enregistrerPaiement( + adhesionSelectionnee.getId(), + montantPaye, + methodePaiement, + referencePaiement); + + // Recharger les données + chargerAdhesions(); + chargerStatistiques(); + appliquerFiltres(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Paiement enregistré")); + LOGGER.info("Paiement enregistré pour l'adhésion: " + adhesionSelectionnee.getId()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'enregistrement du paiement: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'enregistrer le paiement: " + e.getMessage())); + } + } + + /** + * Sélectionne une adhésion pour afficher ses détails + */ + public void selectionnerAdhesion(AdhesionDTO adhesion) { + this.adhesionSelectionnee = adhesion; + } + + /** + * Actualise les données depuis le backend + */ + public void actualiser() { + chargerAdhesions(); + chargerStatistiques(); + appliquerFiltres(); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Actualisation", + "Données actualisées")); + } + + /** + * Charge les adhésions en attente depuis le backend + */ + public void chargerAdhesionsEnAttente() { + try { + toutesLesAdhesions = adhesionService.obtenirEnAttente(0, 1000); + appliquerFiltres(); + LOGGER.info("Chargement de " + toutesLesAdhesions.size() + " adhésions en attente"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des adhésions en attente: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de charger les adhésions en attente: " + e.getMessage())); + } + } + + private void initializeNouvelleAdhesion() { + nouvelleAdhesion = new NouvelleAdhesion(); + } + + // Getters et Setters + + public List getToutesLesAdhesions() { + return toutesLesAdhesions; + } + + public void setToutesLesAdhesions(List toutesLesAdhesions) { + this.toutesLesAdhesions = toutesLesAdhesions; + } + + public List getAdhesionsFiltrees() { + return adhesionsFiltrees; + } + + public void setAdhesionsFiltrees(List adhesionsFiltrees) { + this.adhesionsFiltrees = adhesionsFiltrees; + } + + public List getAdhesionsSelectionnees() { + return adhesionsSelectionnees; + } + + public void setAdhesionsSelectionnees(List adhesionsSelectionnees) { + this.adhesionsSelectionnees = adhesionsSelectionnees; + } + + public AdhesionDTO getAdhesionSelectionnee() { + return adhesionSelectionnee; + } + + public void setAdhesionSelectionnee(AdhesionDTO adhesionSelectionnee) { + this.adhesionSelectionnee = adhesionSelectionnee; + } + + public NouvelleAdhesion getNouvelleAdhesion() { + return nouvelleAdhesion; + } + + public void setNouvelleAdhesion(NouvelleAdhesion nouvelleAdhesion) { + this.nouvelleAdhesion = nouvelleAdhesion; + } + + public FiltresAdhesion getFiltres() { + return filtres; + } + + public void setFiltres(FiltresAdhesion filtres) { + this.filtres = filtres; + } + + public StatistiquesAdhesion getStatistiques() { + return statistiques; + } + + public void setStatistiques(StatistiquesAdhesion statistiques) { + this.statistiques = statistiques; + } + + // Classes internes pour les formulaires et filtres + + public static class NouvelleAdhesion implements Serializable { + private static final long serialVersionUID = 1L; + private UUID membreId; + private UUID organisationId; + private BigDecimal fraisAdhesion; + private String observations; + + // Getters et Setters + public UUID getMembreId() { return membreId; } + public void setMembreId(UUID membreId) { this.membreId = membreId; } + + public UUID getOrganisationId() { return organisationId; } + public void setOrganisationId(UUID organisationId) { this.organisationId = organisationId; } + + public BigDecimal getFraisAdhesion() { return fraisAdhesion; } + public void setFraisAdhesion(BigDecimal fraisAdhesion) { this.fraisAdhesion = fraisAdhesion; } + + public String getObservations() { return observations; } + public void setObservations(String observations) { this.observations = observations; } + } + + public static class FiltresAdhesion implements Serializable { + private static final long serialVersionUID = 1L; + private String statut; + private String nomMembre; + private LocalDate dateDebut; + private LocalDate dateFin; + + // Getters et Setters + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + } + + public static class StatistiquesAdhesion implements Serializable { + private static final long serialVersionUID = 1L; + private int totalAdhesions; + private int adhesionsApprouvees; + private int adhesionsEnAttente; + private int adhesionsPayees; + private double tauxApprobation; + private double tauxPaiement; + private BigDecimal totalCollecte; + private BigDecimal totalFrais; + + // Getters et Setters + public int getTotalAdhesions() { return totalAdhesions; } + public void setTotalAdhesions(int totalAdhesions) { this.totalAdhesions = totalAdhesions; } + + public int getAdhesionsApprouvees() { return adhesionsApprouvees; } + public void setAdhesionsApprouvees(int adhesionsApprouvees) { this.adhesionsApprouvees = adhesionsApprouvees; } + + public int getAdhesionsEnAttente() { return adhesionsEnAttente; } + public void setAdhesionsEnAttente(int adhesionsEnAttente) { this.adhesionsEnAttente = adhesionsEnAttente; } + + public int getAdhesionsPayees() { return adhesionsPayees; } + public void setAdhesionsPayees(int adhesionsPayees) { this.adhesionsPayees = adhesionsPayees; } + + public double getTauxApprobation() { return tauxApprobation; } + public void setTauxApprobation(double tauxApprobation) { this.tauxApprobation = tauxApprobation; } + + public double getTauxPaiement() { return tauxPaiement; } + public void setTauxPaiement(double tauxPaiement) { this.tauxPaiement = tauxPaiement; } + + public BigDecimal getTotalCollecte() { return totalCollecte; } + public void setTotalCollecte(BigDecimal totalCollecte) { this.totalCollecte = totalCollecte; } + + public BigDecimal getTotalFrais() { return totalFrais; } + public void setTotalFrais(BigDecimal totalFrais) { this.totalFrais = totalFrais; } + + // Méthodes utilitaires pour l'affichage + public String getTotalCollecteFormatte() { + if (totalCollecte == null) return "0 FCFA"; + return String.format("%,.0f FCFA", totalCollecte.doubleValue()); + } + + public String getTotalFraisFormatte() { + if (totalFrais == null) return "0 FCFA"; + return String.format("%,.0f FCFA", totalFrais.doubleValue()); + } + + public int getTauxApprobationInt() { + return (int) Math.round(tauxApprobation); + } + + public int getTauxPaiementInt() { + return (int) Math.round(tauxPaiement); + } + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/view/AdminFormulaireBean.java b/src/main/java/dev/lions/unionflow/client/view/AdminFormulaireBean.java new file mode 100644 index 0000000..ebc34d6 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/AdminFormulaireBean.java @@ -0,0 +1,262 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.FormulaireDTO; +import dev.lions.unionflow.client.service.FormulaireService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDateTime; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; + +@Named("adminFormulaireBean") +@SessionScoped +public class AdminFormulaireBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(AdminFormulaireBean.class.getName()); + + @Inject + @RestClient + private FormulaireService formulaireService; + + private List formulaires; + private FormulaireDTO formulaireSelectionne; + private FormulaireDTO nouveauFormulaire; + private boolean modeEdition = false; + private boolean modeCreation = false; + + // Statistiques + private int totalSouscriptions = 0; + private BigDecimal revenusFormulaires = BigDecimal.ZERO; + private String formulairePlusPopulaire = ""; + + @PostConstruct + public void init() { + initializeData(); + } + + private void initializeData() { + formulaires = new ArrayList<>(); + try { + formulaires = formulaireService.listerTous(); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des formulaires: " + e.getMessage()); + } + + // Initialiser les statistiques + totalSouscriptions = 127; // Plus d'entités avec prix accessibles + revenusFormulaires = new BigDecimal("381000"); // 127 * 3000 (moyenne) + formulairePlusPopulaire = "Standard"; + } + + // Actions CRUD + public void nouveauFormulaire() { + nouveauFormulaire = new FormulaireDTO(); + nouveauFormulaire.setActif(true); + nouveauFormulaire.setDeviseCode("XOF"); + nouveauFormulaire.setGestionMembres(true); + nouveauFormulaire.setGestionCotisations(true); + modeCreation = true; + modeEdition = false; + } + + public void editerFormulaire(FormulaireDTO formulaire) { + this.formulaireSelectionne = formulaire; + this.nouveauFormulaire = cloneFormulaire(formulaire); + modeEdition = true; + modeCreation = false; + } + + public void sauvegarderFormulaire() { + if (modeCreation) { + // Générer un nouvel ID UUID + nouveauFormulaire.setId(UUID.randomUUID()); + nouveauFormulaire.setDateCreation(LocalDateTime.now()); + nouveauFormulaire.setCreePar("Admin"); + + formulaires.add(nouveauFormulaire); + + } else if (modeEdition) { + // Mettre à jour le formulaire existant + int index = formulaires.indexOf(formulaireSelectionne); + if (index >= 0) { + nouveauFormulaire.setDateMiseAJour(LocalDateTime.now()); + nouveauFormulaire.setModifiePar("Admin"); + formulaires.set(index, nouveauFormulaire); + } + } + + annulerEdition(); + } + + public void supprimerFormulaire(FormulaireDTO formulaire) { + // Vérifier s'il y a des souscriptions actives + if (hasActiveSouscriptions(formulaire)) { + // Désactiver au lieu de supprimer + formulaire.setActif(false); + } else { + formulaires.remove(formulaire); + } + } + + public void annulerEdition() { + modeCreation = false; + modeEdition = false; + formulaireSelectionne = null; + nouveauFormulaire = null; + } + + public void dupliquerFormulaire(FormulaireDTO formulaire) { + FormulaireDTO copie = cloneFormulaire(formulaire); + copie.setId(UUID.randomUUID()); + copie.setNom(formulaire.getNom() + " (Copie)"); + copie.setDateCreation(LocalDateTime.now()); + copie.setCreePar("Admin"); + + this.nouveauFormulaire = copie; + modeCreation = true; + modeEdition = false; + } + + public void activerDesactiverFormulaire(FormulaireDTO formulaire) { + formulaire.setActif(!formulaire.isActif()); + formulaire.setDateMiseAJour(LocalDateTime.now()); + formulaire.setModifiePar("Admin"); + } + + // Méthodes utilitaires + private FormulaireDTO cloneFormulaire(FormulaireDTO original) { + FormulaireDTO copie = new FormulaireDTO(); + copie.setId(original.getId()); + copie.setNom(original.getNom()); + copie.setDescription(original.getDescription()); + copie.setQuotaMaxMembres(original.getQuotaMaxMembres()); + copie.setPrixMensuel(original.getPrixMensuel()); + copie.setPrixAnnuel(original.getPrixAnnuel()); + copie.setDeviseCode(original.getDeviseCode()); + copie.setActif(original.isActif()); + copie.setRecommande(original.isRecommande()); + copie.setCouleurTheme(original.getCouleurTheme()); + copie.setIconeFormulaire(original.getIconeFormulaire()); + + // Fonctionnalités + copie.setGestionMembres(original.isGestionMembres()); + copie.setGestionCotisations(original.isGestionCotisations()); + copie.setGestionEvenements(original.isGestionEvenements()); + copie.setGestionAides(original.isGestionAides()); + copie.setRapportsAvances(original.isRapportsAvances()); + copie.setSupportPrioritaire(original.isSupportPrioritaire()); + copie.setSauvegardeAutomatique(original.isSauvegardeAutomatique()); + copie.setPersonnalisationAvancee(original.isPersonnalisationAvancee()); + copie.setIntegrationPaiement(original.isIntegrationPaiement()); + copie.setNotificationsEmail(original.isNotificationsEmail()); + copie.setNotificationsSMS(original.isNotificationsSMS()); + copie.setGestionDocuments(original.isGestionDocuments()); + + // Métadonnées + copie.setDateCreation(original.getDateCreation()); + copie.setDateMiseAJour(original.getDateMiseAJour()); + copie.setCreePar(original.getCreePar()); + copie.setModifiePar(original.getModifiePar()); + + return copie; + } + + private boolean hasActiveSouscriptions(FormulaireDTO formulaire) { + // Simulation - vérifier s'il y a des souscriptions actives + return "Standard".equals(formulaire.getNom()) || "Premium".equals(formulaire.getNom()); + } + + public boolean canDeleteFormulaire(FormulaireDTO formulaire) { + return !hasActiveSouscriptions(formulaire); + } + + public String getStatutFormulaire(FormulaireDTO formulaire) { + if (formulaire.isActif()) { + return hasActiveSouscriptions(formulaire) ? "Actif avec souscriptions" : "Actif"; + } + return "Inactif"; + } + + public String getCouleurStatut(FormulaireDTO formulaire) { + if (formulaire.isActif()) { + return hasActiveSouscriptions(formulaire) ? "text-green-600" : "text-blue-600"; + } + return "text-gray-600"; + } + + // Validation + public boolean isFormulaireValide() { + if (nouveauFormulaire == null) return false; + + return nouveauFormulaire.getNom() != null && !nouveauFormulaire.getNom().trim().isEmpty() && + nouveauFormulaire.getQuotaMaxMembres() != null && nouveauFormulaire.getQuotaMaxMembres() > 0 && + nouveauFormulaire.getPrixMensuel() != null && nouveauFormulaire.getPrixMensuel().compareTo(BigDecimal.ZERO) > 0 && + nouveauFormulaire.getPrixAnnuel() != null && nouveauFormulaire.getPrixAnnuel().compareTo(BigDecimal.ZERO) > 0; + } + + // Listes pour les sélections + public List getCouleursTheme() { + List couleurs = new ArrayList<>(); + couleurs.add("bg-blue-500"); + couleurs.add("bg-green-500"); + couleurs.add("bg-purple-500"); + couleurs.add("bg-indigo-500"); + couleurs.add("bg-red-500"); + couleurs.add("bg-orange-500"); + couleurs.add("bg-yellow-500"); + couleurs.add("bg-teal-500"); + couleurs.add("bg-pink-500"); + return couleurs; + } + + public List getIconesFormulaire() { + List icones = new ArrayList<>(); + icones.add("pi-star"); + icones.add("pi-users"); + icones.add("pi-crown"); + icones.add("pi-building"); + icones.add("pi-heart"); + icones.add("pi-shield"); + icones.add("pi-trophy"); + icones.add("pi-diamond"); + icones.add("pi-thumbs-up"); + return icones; + } + + // Getters et Setters + public List getFormulaires() { return formulaires; } + public void setFormulaires(List formulaires) { this.formulaires = formulaires; } + + public FormulaireDTO getFormulaireSelectionne() { return formulaireSelectionne; } + public void setFormulaireSelectionne(FormulaireDTO formulaireSelectionne) { this.formulaireSelectionne = formulaireSelectionne; } + + public FormulaireDTO getNouveauFormulaire() { return nouveauFormulaire; } + public void setNouveauFormulaire(FormulaireDTO nouveauFormulaire) { this.nouveauFormulaire = nouveauFormulaire; } + + public boolean isModeEdition() { return modeEdition; } + public void setModeEdition(boolean modeEdition) { this.modeEdition = modeEdition; } + + public boolean isModeCreation() { return modeCreation; } + public void setModeCreation(boolean modeCreation) { this.modeCreation = modeCreation; } + + public int getTotalSouscriptions() { return totalSouscriptions; } + public void setTotalSouscriptions(int totalSouscriptions) { this.totalSouscriptions = totalSouscriptions; } + + public BigDecimal getRevenusFormulaires() { return revenusFormulaires; } + public void setRevenusFormulaires(BigDecimal revenusFormulaires) { this.revenusFormulaires = revenusFormulaires; } + + public String getFormulairePlusPopulaire() { return formulairePlusPopulaire; } + public void setFormulairePlusPopulaire(String formulairePlusPopulaire) { this.formulairePlusPopulaire = formulairePlusPopulaire; } + + public String getRevenusFormulairesFormat() { + return String.format("%,.0f XOF", revenusFormulaires); + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/AuditBean.java b/src/main/java/dev/lions/unionflow/client/view/AuditBean.java new file mode 100644 index 0000000..daa8843 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/AuditBean.java @@ -0,0 +1,554 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.AuditLogDTO; +import dev.lions.unionflow.client.service.AuditService; +import dev.lions.unionflow.client.service.NotificationClientService; +import jakarta.annotation.PostConstruct; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.ExternalContext; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.OutputStream; +import java.io.Serializable; +import java.nio.charset.StandardCharsets; +import java.time.LocalDateTime; +import java.time.ZoneId; +import java.time.format.DateTimeFormatter; +import java.util.*; +import java.util.logging.Logger; +import java.util.stream.Collectors; + +/** + * Bean JSF pour la gestion des logs d'audit + * Refactorisé pour utiliser directement AuditLogDTO et se connecter au backend + * + * @author UnionFlow Team + * @version 2.0 + */ +@Named("auditBean") +@SessionScoped +public class AuditBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(AuditBean.class.getName()); + + @Inject + @RestClient + private AuditService auditService; + + @Inject + @RestClient + private NotificationClientService notificationService; + + @Inject + private UserSession userSession; + + private static final DateTimeFormatter DATE_FORMATTER = DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm:ss"); + + // Filtres + private Date dateDebut; + private Date dateFin; + private String typeAction = ""; + private String severite = ""; + private String utilisateur = ""; + private String module = ""; + private String ipAddress = ""; + + // Données - Utilisation directe de AuditLogDTO + private List tousLesLogs; + private List logsFiltres; + private AuditLogDTO logSelectionne; + + // Statistiques + private Map statistiques; + + // Export + private String formatExport = "EXCEL"; + private boolean inclureFiltresExport = true; + + @PostConstruct + public void init() { + LOGGER.info("Initialisation de AuditBean"); + // Initialiser les dates à aujourd'hui - 7 jours + Calendar cal = Calendar.getInstance(); + dateFin = cal.getTime(); + cal.add(Calendar.DAY_OF_MONTH, -7); + dateDebut = cal.getTime(); + + chargerLogs(); + chargerStatistiques(); + } + + /** + * Charge les logs depuis le backend + */ + public void chargerLogs() { + try { + LOGGER.info("Chargement des logs d'audit depuis le backend"); + Map response = auditService.listerTous(0, 1000, "dateHeure", "desc"); + + tousLesLogs = new ArrayList<>(); + + if (response.containsKey("data")) { + @SuppressWarnings("unchecked") + List data = (List) response.get("data"); + + if (data != null) { + for (Object item : data) { + if (item instanceof AuditLogDTO) { + tousLesLogs.add((AuditLogDTO) item); + } else if (item instanceof Map) { + @SuppressWarnings("unchecked") + AuditLogDTO dto = convertMapToDTO((Map) item); + tousLesLogs.add(dto); + } + } + } + } + + appliquerFiltres(); + LOGGER.info("Logs chargés: " + tousLesLogs.size()); + + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des logs: " + e.getMessage()); + LOGGER.log(java.util.logging.Level.SEVERE, "Détails de l'erreur de chargement des logs d'audit", e); + tousLesLogs = new ArrayList<>(); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Erreur lors du chargement des logs: " + e.getMessage()); + } + } + + /** + * Charge les statistiques depuis le backend + */ + public void chargerStatistiques() { + try { + LOGGER.info("Chargement des statistiques d'audit"); + statistiques = auditService.getStatistiques(); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des statistiques: " + e.getMessage()); + statistiques = new HashMap<>(); + statistiques.put("total", 0L); + statistiques.put("success", 0L); + statistiques.put("errors", 0L); + statistiques.put("warnings", 0L); + } + } + + /** + * Convertit une Map en AuditLogDTO + */ + private AuditLogDTO convertMapToDTO(Map map) { + AuditLogDTO dto = new AuditLogDTO(); + + try { + if (map.get("id") != null) { + if (map.get("id") instanceof UUID) { + dto.setId((UUID) map.get("id")); + } else { + dto.setId(UUID.fromString(map.get("id").toString())); + } + } + + if (map.get("typeAction") != null) dto.setTypeAction(map.get("typeAction").toString()); + if (map.get("severite") != null) dto.setSeverite(map.get("severite").toString()); + if (map.get("utilisateur") != null) dto.setUtilisateur(map.get("utilisateur").toString()); + if (map.get("role") != null) dto.setRole(map.get("role").toString()); + if (map.get("module") != null) dto.setModule(map.get("module").toString()); + if (map.get("description") != null) dto.setDescription(map.get("description").toString()); + if (map.get("details") != null) dto.setDetails(map.get("details").toString()); + if (map.get("ipAddress") != null) dto.setIpAddress(map.get("ipAddress").toString()); + if (map.get("userAgent") != null) dto.setUserAgent(map.get("userAgent").toString()); + if (map.get("sessionId") != null) dto.setSessionId(map.get("sessionId").toString()); + if (map.get("donneesAvant") != null) dto.setDonneesAvant(map.get("donneesAvant").toString()); + if (map.get("donneesApres") != null) dto.setDonneesApres(map.get("donneesApres").toString()); + if (map.get("entiteId") != null) dto.setEntiteId(map.get("entiteId").toString()); + if (map.get("entiteType") != null) dto.setEntiteType(map.get("entiteType").toString()); + + // Conversion des dates + if (map.get("dateHeure") != null) { + Object date = map.get("dateHeure"); + if (date instanceof LocalDateTime) { + dto.setDateHeure((LocalDateTime) date); + } else if (date instanceof String) { + dto.setDateHeure(LocalDateTime.parse(date.toString())); + } + } + + } catch (Exception e) { + LOGGER.warning("Erreur lors de la conversion Map vers DTO: " + e.getMessage()); + } + + return dto; + } + + /** + * Applique les filtres sur les logs + */ + public void appliquerFiltres() { + if (tousLesLogs == null) { + logsFiltres = new ArrayList<>(); + return; + } + + logsFiltres = tousLesLogs.stream() + .filter(this::correspondAuxFiltres) + .collect(Collectors.toList()); + } + + private boolean correspondAuxFiltres(AuditLogDTO log) { + if (log.getDateHeure() == null) return false; + + // Filtre par dates + LocalDateTime dateDebutLDT = dateDebut != null ? + LocalDateTime.ofInstant(dateDebut.toInstant(), ZoneId.systemDefault()) : null; + LocalDateTime dateFinLDT = dateFin != null ? + LocalDateTime.ofInstant(dateFin.toInstant(), ZoneId.systemDefault()).plusDays(1) : null; + + if (dateDebutLDT != null && log.getDateHeure().isBefore(dateDebutLDT)) { + return false; + } + if (dateFinLDT != null && log.getDateHeure().isAfter(dateFinLDT)) { + return false; + } + + // Filtre par type d'action + if (!typeAction.isEmpty() && !typeAction.equals(log.getTypeAction())) { + return false; + } + + // Filtre par sévérité + if (!severite.isEmpty() && !severite.equals(log.getSeverite())) { + return false; + } + + // Filtre par utilisateur + if (!utilisateur.isEmpty() && log.getUtilisateur() != null && + !log.getUtilisateur().toLowerCase().contains(utilisateur.toLowerCase())) { + return false; + } + + // Filtre par module + if (!module.isEmpty() && !module.equals(log.getModule())) { + return false; + } + + // Filtre par IP + if (!ipAddress.isEmpty() && log.getIpAddress() != null && + !log.getIpAddress().contains(ipAddress)) { + return false; + } + + return true; + } + + /** + * Recherche avec filtres via le backend + */ + public void rechercher() { + try { + LOGGER.info("Recherche de logs avec filtres"); + + String dateDebutStr = dateDebut != null ? + LocalDateTime.ofInstant(dateDebut.toInstant(), ZoneId.systemDefault()).toString() : null; + String dateFinStr = dateFin != null ? + LocalDateTime.ofInstant(dateFin.toInstant(), ZoneId.systemDefault()).toString() : null; + + Map response = auditService.rechercher( + dateDebutStr, dateFinStr, + typeAction.isEmpty() ? null : typeAction, + severite.isEmpty() ? null : severite, + utilisateur.isEmpty() ? null : utilisateur, + module.isEmpty() ? null : module, + ipAddress.isEmpty() ? null : ipAddress, + 0, 1000); + + logsFiltres = new ArrayList<>(); + + if (response.containsKey("data")) { + @SuppressWarnings("unchecked") + List data = (List) response.get("data"); + + if (data != null) { + for (Object item : data) { + if (item instanceof AuditLogDTO) { + logsFiltres.add((AuditLogDTO) item); + } else if (item instanceof Map) { + @SuppressWarnings("unchecked") + AuditLogDTO dto = convertMapToDTO((Map) item); + logsFiltres.add(dto); + } + } + } + } + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Recherche", + logsFiltres.size() + " log(s) trouvé(s)"); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de la recherche: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Erreur lors de la recherche: " + e.getMessage()); + } + } + + /** + * Réinitialise les filtres + */ + public void reinitialiserFiltres() { + Calendar cal = Calendar.getInstance(); + dateFin = cal.getTime(); + cal.add(Calendar.DAY_OF_MONTH, -7); + dateDebut = cal.getTime(); + + typeAction = ""; + severite = ""; + utilisateur = ""; + module = ""; + ipAddress = ""; + + appliquerFiltres(); + } + + /** + * Actualise les données + */ + public void actualiser() { + chargerLogs(); + chargerStatistiques(); + } + + /** + * Sélectionne un log pour voir les détails + */ + public void selectionnerLog(AuditLogDTO log) { + this.logSelectionne = log; + } + + /** + * Méthode pour compatibilité avec l'ancienne page + */ + public void voirDetails(AuditLogDTO log) { + selectionnerLog(log); + } + + /** + * Signale un événement d'audit suspect + */ + public void signalerEvenement(AuditLogDTO log) { + if (log == null) { + ajouterMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucun log sélectionné"); + return; + } + + try { + LOGGER.info("Signalement de l'événement: " + log.getId()); + + // Envoyer une notification aux administrateurs + String message = String.format( + "Événement signalé - Type: %s, Utilisateur: %s, Date: %s, IP: %s", + log.getTypeAction(), + log.getUtilisateur(), + log.getDateHeure() != null ? log.getDateHeure().format(DATE_FORMATTER) : "N/A", + log.getIpAddress() + ); + + // Récupérer l'ID de l'utilisateur courant pour le signalement + String signaleurId = userSession.getCurrentUser() != null + ? userSession.getCurrentUser().getId().toString() + : "anonyme"; + + notificationService.envoyerNotificationGroupe( + "SYSTEME", + "Signalement d'un événement d'audit", + message, + List.of(signaleurId) // Envoyer aux admins (à adapter selon votre logique) + ); + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Signalement", + "L'événement a été signalé aux administrateurs"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du signalement: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de signaler l'événement: " + e.getMessage()); + } + } + + /** + * Exporte les logs d'audit en CSV + */ + public void exporter() { + try { + LOGGER.info("Export de " + (logsFiltres != null ? logsFiltres.size() : 0) + " logs d'audit"); + + List logsAExporter = logsFiltres != null && !logsFiltres.isEmpty() + ? logsFiltres + : tousLesLogs; + + if (logsAExporter == null || logsAExporter.isEmpty()) { + ajouterMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucun log à exporter"); + return; + } + + // Générer le CSV + StringBuilder csv = new StringBuilder(); + csv.append("Date/Heure;Type Action;Utilisateur;Module;IP;Sévérité;Détails\n"); + + for (AuditLogDTO log : logsAExporter) { + csv.append(String.format("%s;%s;%s;%s;%s;%s;%s\n", + log.getDateHeure() != null ? log.getDateHeure().format(DATE_FORMATTER) : "", + log.getTypeAction() != null ? log.getTypeAction() : "", + log.getUtilisateur() != null ? log.getUtilisateur() : "", + log.getModule() != null ? log.getModule() : "", + log.getIpAddress() != null ? log.getIpAddress() : "", + log.getSeverite() != null ? log.getSeverite() : "", + log.getDetails() != null ? log.getDetails().replace(";", ",").replace("\n", " ") : "" + )); + } + + byte[] csvData = csv.toString().getBytes(StandardCharsets.UTF_8); + telechargerFichier(csvData, "audit-logs-export.csv", "text/csv"); + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Export", + "Export de " + logsAExporter.size() + " log(s) terminé"); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'export: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'exporter les logs: " + e.getMessage()); + } + } + + /** + * Télécharge un fichier via le navigateur + */ + private void telechargerFichier(byte[] data, String nomFichier, String contentType) { + try { + FacesContext fc = FacesContext.getCurrentInstance(); + ExternalContext ec = fc.getExternalContext(); + + ec.responseReset(); + ec.setResponseContentType(contentType + "; charset=UTF-8"); + ec.setResponseContentLength(data.length); + ec.setResponseHeader("Content-Disposition", "attachment; filename=\"" + nomFichier + "\""); + + OutputStream output = ec.getResponseOutputStream(); + output.write(data); + output.flush(); + + fc.responseComplete(); + } catch (Exception e) { + LOGGER.severe("Erreur téléchargement fichier: " + e.getMessage()); + throw new RuntimeException("Erreur lors du téléchargement", e); + } + } + + // Getters pour KPIs + public int getTotalEvenements() { + if (statistiques != null && statistiques.containsKey("total")) { + Object total = statistiques.get("total"); + if (total instanceof Number) { + return ((Number) total).intValue(); + } + } + return tousLesLogs != null ? tousLesLogs.size() : 0; + } + + public long getConnexionsReussies() { + if (tousLesLogs == null) return 0; + LocalDateTime aujourdhui = LocalDateTime.now().toLocalDate().atStartOfDay(); + return tousLesLogs.stream() + .filter(log -> "CONNEXION".equals(log.getTypeAction()) && + "SUCCESS".equals(log.getSeverite()) && + log.getDateHeure() != null && + log.getDateHeure().isAfter(aujourdhui)) + .count(); + } + + public long getTentativesEchouees() { + if (tousLesLogs == null) return 0; + LocalDateTime semainePassee = LocalDateTime.now().minusWeeks(1); + return tousLesLogs.stream() + .filter(log -> "CONNEXION".equals(log.getTypeAction()) && + !"SUCCESS".equals(log.getSeverite()) && + log.getDateHeure() != null && + log.getDateHeure().isAfter(semainePassee)) + .count(); + } + + public long getAlertesSecurite() { + if (tousLesLogs == null) return 0; + return tousLesLogs.stream() + .filter(log -> "CRITICAL".equals(log.getSeverite()) || + "ERROR".equals(log.getSeverite())) + .count(); + } + + // Méthode utilitaire pour ajouter des messages + private void ajouterMessage(FacesMessage.Severity severity, String summary, String detail) { + FacesContext.getCurrentInstance() + .addMessage(null, new FacesMessage(severity, summary, detail)); + } + + // Getters et Setters + public Date getDateDebut() { return dateDebut; } + public void setDateDebut(Date dateDebut) { + this.dateDebut = dateDebut; + appliquerFiltres(); + } + + public Date getDateFin() { return dateFin; } + public void setDateFin(Date dateFin) { + this.dateFin = dateFin; + appliquerFiltres(); + } + + public String getTypeAction() { return typeAction; } + public void setTypeAction(String typeAction) { + this.typeAction = typeAction; + appliquerFiltres(); + } + + public String getSeverite() { return severite; } + public void setSeverite(String severite) { + this.severite = severite; + appliquerFiltres(); + } + + public String getUtilisateur() { return utilisateur; } + public void setUtilisateur(String utilisateur) { + this.utilisateur = utilisateur; + appliquerFiltres(); + } + + public String getModule() { return module; } + public void setModule(String module) { + this.module = module; + appliquerFiltres(); + } + + public String getIpAddress() { return ipAddress; } + public void setIpAddress(String ipAddress) { + this.ipAddress = ipAddress; + appliquerFiltres(); + } + + public List getEvenementsFiltres() { + return logsFiltres != null ? logsFiltres : new ArrayList<>(); + } + + public AuditLogDTO getEvenementSelectionne() { return logSelectionne; } + public void setEvenementSelectionne(AuditLogDTO log) { this.logSelectionne = log; } + + public String getFormatExport() { return formatExport; } + public void setFormatExport(String formatExport) { this.formatExport = formatExport; } + + public boolean isInclureFiltresExport() { return inclureFiltresExport; } + public void setInclureFiltresExport(boolean inclureFiltresExport) { + this.inclureFiltresExport = inclureFiltresExport; + } +} diff --git a/src/main/java/dev/lions/unionflow/client/view/ConfigurationBean.java b/src/main/java/dev/lions/unionflow/client/view/ConfigurationBean.java new file mode 100644 index 0000000..58abbaa --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/ConfigurationBean.java @@ -0,0 +1,836 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.List; +import java.util.logging.Logger; + +@Named("configurationBean") +@SessionScoped +public class ConfigurationBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(ConfigurationBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_SUPER_ADMIN_LOGS = "superAdminLogsPage"; + + private ConfigurationGenerale general; + private ConfigurationSecurite securite; + private ConfigurationEmail email; + private ConfigurationPaiements paiements; + private ConfigurationSysteme système; + + // Propriétés pour la page système + private String nomApplication = "UnionFlow"; + private String versionSysteme = "2.0.1"; + private String environnement = "PROD"; + private String timezone = "WAT"; + private String langueDefaut = "fr"; + private String deviseDefaut = "XOF"; + private String urlBaseApplication = "https://unionflow.app"; + private String formatDate = "dd/MM/yyyy"; + private String organisationPrincipale = "Lions Clubs Afrique de l'Ouest"; + + // Configuration BDD enrichie + private String typeBDD = "postgresql"; + private String serveurBDD = "localhost"; + private Integer portBDD = 5432; + private String nomBDD = "unionflow"; + private String utilisateurBDD = "unionflow_user"; + private String motDePasseBDD = ""; + private Integer taillePoolConnexions = 20; + private Boolean sslActifBDD = true; + + // Configuration Email enrichie + private String serveurSMTP = "smtp.gmail.com"; + private Integer portSMTP = 587; + private String emailExpediteur = "noreply@unionflow.app"; + private String nomExpediteur = "UnionFlow Notifications"; + private Boolean authentificationSMTP = true; + private String utilisateurSMTP = ""; + private String motDePasseSMTP = ""; + private Boolean tlsActive = true; + private Integer limiteTauxEmail = 500; + + // Configuration Sécurité enrichie + private Integer timeoutSession = 30; + private Integer tentativesMaxConnexion = 5; + private Boolean forcerChangementMotDePasse = true; + private Boolean authentification2FA = true; + private Boolean journaliserEvenementsSecurite = true; + private String complexiteMotDePasse = "MEDIUM"; + private Integer dureeValiditeMotDePasse = 90; + private Integer retentionLogs = 365; + private Boolean chiffrementBDD = true; + + // Propriétés d'état système + private String tempsActivite = "N/A"; + private Integer utilisateursConnectes = 0; + private Integer memoireUtilisee = 0; + private String memoireTotal = "N/A"; + private String derniereSauvegarde = "N/A"; + + // Monitoring avancé + private Integer cpuUtilisation = 45; + private Float disqueDisponible = 127.5f; + private Integer connexionsBDDActives = 15; + private Integer queueEmailsEnAttente = 23; + private Integer logsErreurs24h = 8; + private Integer sessionsActives = 127; + + // Configuration avancée + private Boolean modeMaintenance = false; + private String frequenceSauvegarde = "DAILY"; + private Integer retentionSauvegardes = 30; + private String emailAlertes = "admin@unionflow.app"; + private Boolean alertesCPU = true; + private Boolean alertesMemoire = true; + private Boolean alertesDisque = true; + + @PostConstruct + public void init() { + initializeGeneral(); + initializeSecurite(); + initializeEmail(); + initializePaiements(); + initializeSysteme(); + initSauvegardes(); + calculerMetriquesSysteme(); + } + + private void calculerMetriquesSysteme() { + // TODO: Récupérer les métriques système depuis un service de monitoring + // Pour l'instant, initialiser avec des valeurs par défaut + cpuUtilisation = 0; + memoireUtilisee = 0; + disqueDisponible = 0.0f; + connexionsBDDActives = 0; + queueEmailsEnAttente = 0; + logsErreurs24h = 0; + utilisateursConnectes = 0; + sessionsActives = 0; + } + + private void initializeGeneral() { + general = new ConfigurationGenerale(); + general.setNomOrganisation("Organisation Centrale"); + general.setSigleOrganisation("ORG-001"); + general.setSiteWeb("https://unionflow.app"); + general.setEmailContact("contact@unionflow.app"); + general.setLangueDefaut("fr"); + general.setDevise("XOF"); + general.setFuseauHoraire("GMT"); + general.setModeMaintenanceActif(false); + } + + private void initializeSecurite() { + securite = new ConfigurationSecurite(); + securite.setLongueurMinMotPasse(8); + securite.setExigerMajuscules(true); + securite.setExigerChiffres(true); + securite.setExigerCaracteresSpeciaux(false); + securite.setExpirationMotPasse(90); + securite.setTentativesConnexionMax(5); + securite.setDureeBlocage(15); + securite.setTimeoutSession(60); + securite.setDoubleFacteurObligatoire(false); + securite.setJournalisationAvancee(true); + } + + private void initializeEmail() { + email = new ConfigurationEmail(); + email.setServeurSMTP("smtp.gmail.com"); + email.setPortSMTP(587); + email.setUtilisateurSMTP("noreply@unionflow.app"); + email.setMotPasseSMTP("**********"); + email.setUtiliserSSL(true); + email.setEmailExpediteur("noreply@unionflow.app"); + email.setNomExpediteur("UnionFlow Platform"); + email.setNotifierNouveauMembre(true); + email.setNotifierEvenements(true); + email.setRappelCotisations(true); + } + + private void initializePaiements() { + paiements = new ConfigurationPaiements(); + paiements.setWaveActif(true); + paiements.setWaveApiKey("**********"); + paiements.setWaveSecretKey("**********"); + paiements.setWaveEnvironnement("sandbox"); + paiements.setEspècesActif(true); + paiements.setChèqueActif(true); + paiements.setVirementActif(true); + paiements.setIbanOrganisation("CI05 CI01 2345 6789 0123 4567 89"); + paiements.setFraisPaiement(2.5); + } + + private void initializeSysteme() { + système = new ConfigurationSysteme(); + système.setCacheActivé(true); + système.setDureeCacheMinutes(30); + système.setTailleLotTraitement(100); + système.setNiveauLog("INFO"); + système.setRetentionLogJours(30); + système.setMétriquesActivées(true); + système.setAlertesSystemeActivées(true); + } + + // Actions générales + public void sauvegarderTout() { + LOGGER.info("Configuration complète sauvegardée à " + LocalDateTime.now().format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm:ss"))); + } + + public void reinitialiser() { + init(); + LOGGER.info("Configuration réinitialisée aux valeurs par défaut"); + } + + public void exporterConfiguration() { + LOGGER.info("Export de la configuration généré"); + } + + // Actions par section + public void sauvegarderGeneral() { + LOGGER.info("Configuration générale sauvegardée"); + } + + public void sauvegarderSecurite() { + LOGGER.info("Configuration sécurité sauvegardée"); + } + + public void sauvegarderEmail() { + LOGGER.info("Configuration email sauvegardée"); + } + + // Actions pour la page système + public void sauvegarderConfiguration() { + LOGGER.info("Configuration système sauvegardée"); + } + + public void restaurerDefauts() { + nomApplication = "UnionFlow"; + versionSysteme = "1.0.0"; + environnement = "DEV"; + LOGGER.info("Configuration système restaurée aux valeurs par défaut"); + } + + public void testerConnexionBDD() { + // Le test de connexion BDD sera implémenté via l'API backend + // Pour l'instant, log uniquement + LOGGER.info("Test de connexion BDD: " + typeBDD + "://" + serveurBDD + ":" + portBDD + "/" + nomBDD); + } + + public void testerEmail() { + // Le test d'email sera implémenté via l'API backend + // Pour l'instant, log uniquement + LOGGER.info("Test d'envoi d'email via " + serveurSMTP + ":" + portSMTP); + } + + public void forcerSauvegarde() { + // La sauvegarde sera déclenchée via l'API backend + LOGGER.info("Sauvegarde forcée du système"); + derniereSauvegarde = LocalDateTime.now().format(DateTimeFormatter.ofPattern("HH:mm")); + } + + public void redemarrerServices() { + // Le redémarrage des services sera géré via l'API backend + LOGGER.info("Redémarrage des services système en cours..."); + } + + public void sauvegarderPaiements() { + LOGGER.info("Configuration paiements sauvegardée"); + } + + public void sauvegarderSysteme() { + LOGGER.info("Configuration système sauvegardée"); + } + + // Actions système + public void viderCache() { + LOGGER.info("Cache vidé avec succès"); + } + + public void optimiserBaseDonnees() { + LOGGER.info("Optimisation de la base de données en cours..."); + } + + public void sauvegarderBaseDonnees() { + LOGGER.info("Sauvegarde de la base de données initiée"); + } + + public String voirLogsSysteme() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_SUPER_ADMIN_LOGS + "?faces-redirect=true"; + } + + // Getters et Setters + public ConfigurationGenerale getGeneral() { return general; } + public void setGeneral(ConfigurationGenerale general) { this.general = general; } + + public ConfigurationSecurite getSecurite() { return securite; } + public void setSecurite(ConfigurationSecurite securite) { this.securite = securite; } + + public ConfigurationEmail getEmail() { return email; } + public void setEmail(ConfigurationEmail email) { this.email = email; } + + public ConfigurationPaiements getPaiements() { return paiements; } + public void setPaiements(ConfigurationPaiements paiements) { this.paiements = paiements; } + + public ConfigurationSysteme getSystème() { return système; } + public void setSystème(ConfigurationSysteme système) { this.système = système; } + + // Classes internes pour la configuration + public static class ConfigurationGenerale { + private String nomOrganisation; + private String sigleOrganisation; + private String siteWeb; + private String emailContact; + private String langueDefaut; + private String devise; + private String fuseauHoraire; + private boolean modeMaintenanceActif; + + // Getters et setters + public String getNomOrganisation() { return nomOrganisation; } + public void setNomOrganisation(String nomOrganisation) { this.nomOrganisation = nomOrganisation; } + + public String getSigleOrganisation() { return sigleOrganisation; } + public void setSigleOrganisation(String sigleOrganisation) { this.sigleOrganisation = sigleOrganisation; } + + public String getSiteWeb() { return siteWeb; } + public void setSiteWeb(String siteWeb) { this.siteWeb = siteWeb; } + + public String getEmailContact() { return emailContact; } + public void setEmailContact(String emailContact) { this.emailContact = emailContact; } + + public String getLangueDefaut() { return langueDefaut; } + public void setLangueDefaut(String langueDefaut) { this.langueDefaut = langueDefaut; } + + public String getDevise() { return devise; } + public void setDevise(String devise) { this.devise = devise; } + + public String getFuseauHoraire() { return fuseauHoraire; } + public void setFuseauHoraire(String fuseauHoraire) { this.fuseauHoraire = fuseauHoraire; } + + public boolean isModeMaintenanceActif() { return modeMaintenanceActif; } + public void setModeMaintenanceActif(boolean modeMaintenanceActif) { this.modeMaintenanceActif = modeMaintenanceActif; } + } + + public static class ConfigurationSecurite { + private int longueurMinMotPasse; + private boolean exigerMajuscules; + private boolean exigerChiffres; + private boolean exigerCaracteresSpeciaux; + private int expirationMotPasse; + private int tentativesConnexionMax; + private int dureeBlocage; + private int timeoutSession; + private boolean doubleFacteurObligatoire; + private boolean journalisationAvancee; + + // Getters et setters + public int getLongueurMinMotPasse() { return longueurMinMotPasse; } + public void setLongueurMinMotPasse(int longueurMinMotPasse) { this.longueurMinMotPasse = longueurMinMotPasse; } + + public boolean isExigerMajuscules() { return exigerMajuscules; } + public void setExigerMajuscules(boolean exigerMajuscules) { this.exigerMajuscules = exigerMajuscules; } + + public boolean isExigerChiffres() { return exigerChiffres; } + public void setExigerChiffres(boolean exigerChiffres) { this.exigerChiffres = exigerChiffres; } + + public boolean isExigerCaracteresSpeciaux() { return exigerCaracteresSpeciaux; } + public void setExigerCaracteresSpeciaux(boolean exigerCaracteresSpeciaux) { this.exigerCaracteresSpeciaux = exigerCaracteresSpeciaux; } + + public int getExpirationMotPasse() { return expirationMotPasse; } + public void setExpirationMotPasse(int expirationMotPasse) { this.expirationMotPasse = expirationMotPasse; } + + public int getTentativesConnexionMax() { return tentativesConnexionMax; } + public void setTentativesConnexionMax(int tentativesConnexionMax) { this.tentativesConnexionMax = tentativesConnexionMax; } + + public int getDureeBlocage() { return dureeBlocage; } + public void setDureeBlocage(int dureeBlocage) { this.dureeBlocage = dureeBlocage; } + + public int getTimeoutSession() { return timeoutSession; } + public void setTimeoutSession(int timeoutSession) { this.timeoutSession = timeoutSession; } + + public boolean isDoubleFacteurObligatoire() { return doubleFacteurObligatoire; } + public void setDoubleFacteurObligatoire(boolean doubleFacteurObligatoire) { this.doubleFacteurObligatoire = doubleFacteurObligatoire; } + + public boolean isJournalisationAvancee() { return journalisationAvancee; } + public void setJournalisationAvancee(boolean journalisationAvancee) { this.journalisationAvancee = journalisationAvancee; } + } + + public static class ConfigurationEmail { + private String serveurSMTP; + private int portSMTP; + private String utilisateurSMTP; + private String motPasseSMTP; + private boolean utiliserSSL; + private String emailExpediteur; + private String nomExpediteur; + private boolean notifierNouveauMembre; + private boolean notifierEvenements; + private boolean rappelCotisations; + + // Getters et setters + public String getServeurSMTP() { return serveurSMTP; } + public void setServeurSMTP(String serveurSMTP) { this.serveurSMTP = serveurSMTP; } + + public int getPortSMTP() { return portSMTP; } + public void setPortSMTP(int portSMTP) { this.portSMTP = portSMTP; } + + public String getUtilisateurSMTP() { return utilisateurSMTP; } + public void setUtilisateurSMTP(String utilisateurSMTP) { this.utilisateurSMTP = utilisateurSMTP; } + + public String getMotPasseSMTP() { return motPasseSMTP; } + public void setMotPasseSMTP(String motPasseSMTP) { this.motPasseSMTP = motPasseSMTP; } + + public boolean isUtiliserSSL() { return utiliserSSL; } + public void setUtiliserSSL(boolean utiliserSSL) { this.utiliserSSL = utiliserSSL; } + + public String getEmailExpediteur() { return emailExpediteur; } + public void setEmailExpediteur(String emailExpediteur) { this.emailExpediteur = emailExpediteur; } + + public String getNomExpediteur() { return nomExpediteur; } + public void setNomExpediteur(String nomExpediteur) { this.nomExpediteur = nomExpediteur; } + + public boolean isNotifierNouveauMembre() { return notifierNouveauMembre; } + public void setNotifierNouveauMembre(boolean notifierNouveauMembre) { this.notifierNouveauMembre = notifierNouveauMembre; } + + public boolean isNotifierEvenements() { return notifierEvenements; } + public void setNotifierEvenements(boolean notifierEvenements) { this.notifierEvenements = notifierEvenements; } + + public boolean isRappelCotisations() { return rappelCotisations; } + public void setRappelCotisations(boolean rappelCotisations) { this.rappelCotisations = rappelCotisations; } + } + + public static class ConfigurationPaiements { + private boolean waveActif; + private String waveApiKey; + private String waveSecretKey; + private String waveEnvironnement; + private boolean espècesActif; + private boolean chèqueActif; + private boolean virementActif; + private String ibanOrganisation; + private double fraisPaiement; + + // Getters et setters + public boolean isWaveActif() { return waveActif; } + public void setWaveActif(boolean waveActif) { this.waveActif = waveActif; } + + public String getWaveApiKey() { return waveApiKey; } + public void setWaveApiKey(String waveApiKey) { this.waveApiKey = waveApiKey; } + + public String getWaveSecretKey() { return waveSecretKey; } + public void setWaveSecretKey(String waveSecretKey) { this.waveSecretKey = waveSecretKey; } + + public String getWaveEnvironnement() { return waveEnvironnement; } + public void setWaveEnvironnement(String waveEnvironnement) { this.waveEnvironnement = waveEnvironnement; } + + public boolean isEspècesActif() { return espècesActif; } + public void setEspècesActif(boolean espècesActif) { this.espècesActif = espècesActif; } + + public boolean isChèqueActif() { return chèqueActif; } + public void setChèqueActif(boolean chèqueActif) { this.chèqueActif = chèqueActif; } + + public boolean isVirementActif() { return virementActif; } + public void setVirementActif(boolean virementActif) { this.virementActif = virementActif; } + + public String getIbanOrganisation() { return ibanOrganisation; } + public void setIbanOrganisation(String ibanOrganisation) { this.ibanOrganisation = ibanOrganisation; } + + public double getFraisPaiement() { return fraisPaiement; } + public void setFraisPaiement(double fraisPaiement) { this.fraisPaiement = fraisPaiement; } + } + + // Getters et setters pour les propriétés système + public String getNomApplication() { return nomApplication; } + public void setNomApplication(String nomApplication) { this.nomApplication = nomApplication; } + + public String getVersionSysteme() { return versionSysteme; } + public void setVersionSysteme(String versionSysteme) { this.versionSysteme = versionSysteme; } + + public String getEnvironnement() { return environnement; } + public void setEnvironnement(String environnement) { this.environnement = environnement; } + + public String getTimezone() { return timezone; } + public void setTimezone(String timezone) { this.timezone = timezone; } + + public String getLangueDefaut() { return langueDefaut; } + public void setLangueDefaut(String langueDefaut) { this.langueDefaut = langueDefaut; } + + public String getTypeBDD() { return typeBDD; } + public void setTypeBDD(String typeBDD) { this.typeBDD = typeBDD; } + + public String getServeurBDD() { return serveurBDD; } + public void setServeurBDD(String serveurBDD) { this.serveurBDD = serveurBDD; } + + public Integer getPortBDD() { return portBDD; } + public void setPortBDD(Integer portBDD) { this.portBDD = portBDD; } + + public String getNomBDD() { return nomBDD; } + public void setNomBDD(String nomBDD) { this.nomBDD = nomBDD; } + + public String getServeurSMTP() { return serveurSMTP; } + public void setServeurSMTP(String serveurSMTP) { this.serveurSMTP = serveurSMTP; } + + public Integer getPortSMTP() { return portSMTP; } + public void setPortSMTP(Integer portSMTP) { this.portSMTP = portSMTP; } + + public String getEmailExpediteur() { return emailExpediteur; } + public void setEmailExpediteur(String emailExpediteur) { this.emailExpediteur = emailExpediteur; } + + public Boolean getAuthentificationSMTP() { return authentificationSMTP; } + public void setAuthentificationSMTP(Boolean authentificationSMTP) { this.authentificationSMTP = authentificationSMTP; } + + public Boolean getTlsActive() { return tlsActive; } + public void setTlsActive(Boolean tlsActive) { this.tlsActive = tlsActive; } + + public Integer getTimeoutSession() { return timeoutSession; } + public void setTimeoutSession(Integer timeoutSession) { this.timeoutSession = timeoutSession; } + + public Integer getTentativesMaxConnexion() { return tentativesMaxConnexion; } + public void setTentativesMaxConnexion(Integer tentativesMaxConnexion) { this.tentativesMaxConnexion = tentativesMaxConnexion; } + + public Boolean getForcerChangementMotDePasse() { return forcerChangementMotDePasse; } + public void setForcerChangementMotDePasse(Boolean forcerChangementMotDePasse) { this.forcerChangementMotDePasse = forcerChangementMotDePasse; } + + public Boolean getAuthentification2FA() { return authentification2FA; } + public void setAuthentification2FA(Boolean authentification2FA) { this.authentification2FA = authentification2FA; } + + public Boolean getJournaliserEvenementsSecurite() { return journaliserEvenementsSecurite; } + public void setJournaliserEvenementsSecurite(Boolean journaliserEvenementsSecurite) { this.journaliserEvenementsSecurite = journaliserEvenementsSecurite; } + + public String getTempsActivite() { return tempsActivite; } + public void setTempsActivite(String tempsActivite) { this.tempsActivite = tempsActivite; } + + public Integer getUtilisateursConnectes() { return utilisateursConnectes; } + public void setUtilisateursConnectes(Integer utilisateursConnectes) { this.utilisateursConnectes = utilisateursConnectes; } + + public Integer getMemoireUtilisee() { return memoireUtilisee; } + public void setMemoireUtilisee(Integer memoireUtilisee) { this.memoireUtilisee = memoireUtilisee; } + + public String getMemoireTotal() { return memoireTotal; } + public void setMemoireTotal(String memoireTotal) { this.memoireTotal = memoireTotal; } + + public String getDerniereSauvegarde() { return derniereSauvegarde; } + public void setDerniereSauvegarde(String derniereSauvegarde) { this.derniereSauvegarde = derniereSauvegarde; } + + // Nouveaux getters/setters pour configuration enrichie + public String getDeviseDefaut() { return deviseDefaut; } + public void setDeviseDefaut(String deviseDefaut) { this.deviseDefaut = deviseDefaut; } + + public String getUrlBaseApplication() { return urlBaseApplication; } + public void setUrlBaseApplication(String urlBaseApplication) { this.urlBaseApplication = urlBaseApplication; } + + public String getFormatDate() { return formatDate; } + public void setFormatDate(String formatDate) { this.formatDate = formatDate; } + + public String getOrganisationPrincipale() { return organisationPrincipale; } + public void setOrganisationPrincipale(String organisationPrincipale) { this.organisationPrincipale = organisationPrincipale; } + + public String getUtilisateurBDD() { return utilisateurBDD; } + public void setUtilisateurBDD(String utilisateurBDD) { this.utilisateurBDD = utilisateurBDD; } + + public String getMotDePasseBDD() { return motDePasseBDD; } + public void setMotDePasseBDD(String motDePasseBDD) { this.motDePasseBDD = motDePasseBDD; } + + public Integer getTaillePoolConnexions() { return taillePoolConnexions; } + public void setTaillePoolConnexions(Integer taillePoolConnexions) { this.taillePoolConnexions = taillePoolConnexions; } + + public Boolean getSslActifBDD() { return sslActifBDD; } + public void setSslActifBDD(Boolean sslActifBDD) { this.sslActifBDD = sslActifBDD; } + + public String getNomExpediteur() { return nomExpediteur; } + public void setNomExpediteur(String nomExpediteur) { this.nomExpediteur = nomExpediteur; } + + public String getUtilisateurSMTP() { return utilisateurSMTP; } + public void setUtilisateurSMTP(String utilisateurSMTP) { this.utilisateurSMTP = utilisateurSMTP; } + + public String getMotDePasseSMTP() { return motDePasseSMTP; } + public void setMotDePasseSMTP(String motDePasseSMTP) { this.motDePasseSMTP = motDePasseSMTP; } + + public Integer getLimiteTauxEmail() { return limiteTauxEmail; } + public void setLimiteTauxEmail(Integer limiteTauxEmail) { this.limiteTauxEmail = limiteTauxEmail; } + + public String getComplexiteMotDePasse() { return complexiteMotDePasse; } + public void setComplexiteMotDePasse(String complexiteMotDePasse) { this.complexiteMotDePasse = complexiteMotDePasse; } + + public Integer getDureeValiditeMotDePasse() { return dureeValiditeMotDePasse; } + public void setDureeValiditeMotDePasse(Integer dureeValiditeMotDePasse) { this.dureeValiditeMotDePasse = dureeValiditeMotDePasse; } + + public Integer getRetentionLogs() { return retentionLogs; } + public void setRetentionLogs(Integer retentionLogs) { this.retentionLogs = retentionLogs; } + + public Boolean getChiffrementBDD() { return chiffrementBDD; } + public void setChiffrementBDD(Boolean chiffrementBDD) { this.chiffrementBDD = chiffrementBDD; } + + public Integer getCpuUtilisation() { return cpuUtilisation; } + public void setCpuUtilisation(Integer cpuUtilisation) { this.cpuUtilisation = cpuUtilisation; } + + public Float getDisqueDisponible() { return disqueDisponible; } + public void setDisqueDisponible(Float disqueDisponible) { this.disqueDisponible = disqueDisponible; } + + public Integer getConnexionsBDDActives() { return connexionsBDDActives; } + public void setConnexionsBDDActives(Integer connexionsBDDActives) { this.connexionsBDDActives = connexionsBDDActives; } + + public Integer getQueueEmailsEnAttente() { return queueEmailsEnAttente; } + public void setQueueEmailsEnAttente(Integer queueEmailsEnAttente) { this.queueEmailsEnAttente = queueEmailsEnAttente; } + + public Integer getLogsErreurs24h() { return logsErreurs24h; } + public void setLogsErreurs24h(Integer logsErreurs24h) { this.logsErreurs24h = logsErreurs24h; } + + public Integer getSessionsActives() { return sessionsActives; } + public void setSessionsActives(Integer sessionsActives) { this.sessionsActives = sessionsActives; } + + public Boolean getModeMaintenance() { return modeMaintenance; } + public void setModeMaintenance(Boolean modeMaintenance) { this.modeMaintenance = modeMaintenance; } + + public String getFrequenceSauvegarde() { return frequenceSauvegarde; } + public void setFrequenceSauvegarde(String frequenceSauvegarde) { this.frequenceSauvegarde = frequenceSauvegarde; } + + public Integer getRetentionSauvegardes() { return retentionSauvegardes; } + public void setRetentionSauvegardes(Integer retentionSauvegardes) { this.retentionSauvegardes = retentionSauvegardes; } + + public String getEmailAlertes() { return emailAlertes; } + public void setEmailAlertes(String emailAlertes) { this.emailAlertes = emailAlertes; } + + public Boolean getAlertesCPU() { return alertesCPU; } + public void setAlertesCPU(Boolean alertesCPU) { this.alertesCPU = alertesCPU; } + + public Boolean getAlertesMemoire() { return alertesMemoire; } + public void setAlertesMemoire(Boolean alertesMemoire) { this.alertesMemoire = alertesMemoire; } + + public Boolean getAlertesDisque() { return alertesDisque; } + public void setAlertesDisque(Boolean alertesDisque) { this.alertesDisque = alertesDisque; } + + // Méthodes utilitaires pour les styles CSS conditionnels + public String getCpuUtilisationStyle() { + return cpuUtilisation != null && cpuUtilisation > 80 ? "text-red-500" : "text-green-500"; + } + + public String getDisqueDisponibleStyle() { + return disqueDisponible != null && disqueDisponible < 10 ? "text-red-500" : "text-blue-500"; + } + + public String getQueueEmailsStyle() { + return queueEmailsEnAttente != null && queueEmailsEnAttente > 100 ? "text-orange-500" : "text-green-500"; + } + + public String getLogsErreursStyle() { + return logsErreurs24h != null && logsErreurs24h > 50 ? "text-red-500" : "text-green-500"; + } + + public String getMemoireUtiliseeStyle() { + return memoireUtilisee != null && memoireUtilisee > 85 ? "text-red-500" : "text-green-500"; + } + + // Méthodes pour les alertes système + public String getCpuAlertStyle() { + return cpuUtilisation != null && cpuUtilisation > 80 ? "bg-red-100" : "bg-green-100"; + } + + public String getCpuAlertIcon() { + return cpuUtilisation != null && cpuUtilisation > 80 ? "pi-exclamation-triangle text-red-500" : "pi-check text-green-500"; + } + + public String getCpuAlertText() { + return cpuUtilisation != null && cpuUtilisation > 80 ? "ALERTE" : "NORMAL"; + } + + public String getMemoireAlertStyle() { + return memoireUtilisee != null && memoireUtilisee > 85 ? "bg-red-100" : "bg-green-100"; + } + + public String getMemoireAlertIcon() { + return memoireUtilisee != null && memoireUtilisee > 85 ? "pi-exclamation-triangle text-red-500" : "pi-check text-green-500"; + } + + public String getMemoireAlertText() { + return memoireUtilisee != null && memoireUtilisee > 85 ? "ALERTE" : "NORMAL"; + } + + public String getDisqueAlertStyle() { + return disqueDisponible != null && disqueDisponible < 10 ? "bg-red-100" : "bg-green-100"; + } + + public String getDisqueAlertIcon() { + return disqueDisponible != null && disqueDisponible < 10 ? "pi-exclamation-triangle text-red-500" : "pi-check text-green-500"; + } + + public String getDisqueAlertText() { + return disqueDisponible != null && disqueDisponible < 10 ? "CRITIQUE" : "NORMAL"; + } + + // Méthodes d'actions + public void actualiserMonitoring() { + calculerMetriquesSysteme(); + LOGGER.info("Monitoring actualisé"); + } + + public void nettoyerCache() { + LOGGER.info("Cache système nettoyé"); + } + + public void auditSysteme() { + LOGGER.info("Audit système lancé"); + } + + public void appliquerConfigGenerale() { + LOGGER.info("Configuration générale appliquée"); + } + + public void appliquerConfigBDD() { + LOGGER.info("Configuration BDD appliquée"); + } + + public void appliquerConfigEmail() { + LOGGER.info("Configuration email appliquée"); + } + + public void appliquerConfigSecurite() { + LOGGER.info("Configuration sécurité appliquée"); + } + + public void sauvegarderAlertes() { + LOGGER.info("Configuration des alertes sauvegardée"); + } + + // Propriétés et méthodes pour les sauvegardes (WOU/DRY) + private List sauvegardes = new ArrayList<>(); + + public void initSauvegardes() { + chargerSauvegardes(); + } + + private void chargerSauvegardes() { + sauvegardes = new ArrayList<>(); + + try { + // TODO: Implémenter l'appel au service de sauvegarde quand il sera disponible côté serveur + // Exemple: sauvegardes = sauvegardeService.listerSauvegardes() + // .stream() + // .map(dto -> convertToSauvegarde(dto)) + // .collect(Collectors.toList()); + + // Pour l'instant, aucune sauvegarde n'est disponible tant que le service backend n'est pas créé + LOGGER.info("Chargement de " + sauvegardes.size() + " sauvegardes depuis le backend"); + + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des sauvegardes: " + e.getMessage()); + sauvegardes = new ArrayList<>(); + } + } + + public void creerSauvegarde() { + LOGGER.info("Création d'une nouvelle sauvegarde"); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Sauvegarde", + "La sauvegarde est en cours de création...")); + chargerSauvegardes(); + } + + public void telechargerSauvegarde(Sauvegarde sauvegarde) { + LOGGER.info("Téléchargement de la sauvegarde: " + sauvegarde.getDate()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Téléchargement", + "Téléchargement de la sauvegarde en cours...")); + } + + public void restaurerSauvegarde(Sauvegarde sauvegarde) { + LOGGER.info("Restauration de la sauvegarde: " + sauvegarde.getDate()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Restauration", + "La restauration est en cours...")); + } + + public void supprimerSauvegarde(Sauvegarde sauvegarde) { + LOGGER.info("Suppression de la sauvegarde: " + sauvegarde.getDate()); + sauvegardes.remove(sauvegarde); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Suppression", + "Sauvegarde supprimée avec succès")); + } + + public List getSauvegardes() { return sauvegardes; } + public void setSauvegardes(List sauvegardes) { this.sauvegardes = sauvegardes; } + + // Classe interne pour les sauvegardes (WOU/DRY) + public static class Sauvegarde { + private LocalDateTime date; + private String taille; + private String type; + private String statut; + + public LocalDateTime getDate() { return date; } + public void setDate(LocalDateTime date) { this.date = date; } + + public String getTaille() { return taille; } + public void setTaille(String taille) { this.taille = taille; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getStatutSeverity() { + return switch (statut) { + case "VALIDE" -> "success"; + case "EN_COURS" -> "warning"; + case "ERREUR" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "VALIDE" -> "pi-check"; + case "EN_COURS" -> "pi-clock"; + case "ERREUR" -> "pi-times"; + default -> "pi-circle"; + }; + } + } + + public static class ConfigurationSysteme { + private boolean cacheActivé; + private int dureeCacheMinutes; + private int tailleLotTraitement; + private String niveauLog; + private int retentionLogJours; + private boolean métriquesActivées; + private boolean alertesSystemeActivées; + + // Getters et setters + public boolean isCacheActivé() { return cacheActivé; } + public void setCacheActivé(boolean cacheActivé) { this.cacheActivé = cacheActivé; } + + public int getDureeCacheMinutes() { return dureeCacheMinutes; } + public void setDureeCacheMinutes(int dureeCacheMinutes) { this.dureeCacheMinutes = dureeCacheMinutes; } + + public int getTailleLotTraitement() { return tailleLotTraitement; } + public void setTailleLotTraitement(int tailleLotTraitement) { this.tailleLotTraitement = tailleLotTraitement; } + + public String getNiveauLog() { return niveauLog; } + public void setNiveauLog(String niveauLog) { this.niveauLog = niveauLog; } + + public int getRetentionLogJours() { return retentionLogJours; } + public void setRetentionLogJours(int retentionLogJours) { this.retentionLogJours = retentionLogJours; } + + public boolean isMétriquesActivées() { return métriquesActivées; } + public void setMétriquesActivées(boolean métriquesActivées) { this.métriquesActivées = métriquesActivées; } + + public boolean isAlertesSystemeActivées() { return alertesSystemeActivées; } + public void setAlertesSystemeActivées(boolean alertesSystemeActivées) { this.alertesSystemeActivées = alertesSystemeActivées; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/CotisationsBean.java b/src/main/java/dev/lions/unionflow/client/view/CotisationsBean.java new file mode 100644 index 0000000..a5e1a7b --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/CotisationsBean.java @@ -0,0 +1,1038 @@ +package dev.lions.unionflow.client.view; + +import java.io.OutputStream; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.Month; +import java.util.ArrayList; +import java.util.List; +import java.util.Map; +import java.util.UUID; +import java.util.logging.Logger; +import java.util.stream.Collectors; + +import org.eclipse.microprofile.rest.client.inject.RestClient; + +import dev.lions.unionflow.client.dto.CotisationDTO; +import dev.lions.unionflow.client.service.CotisationService; +import dev.lions.unionflow.client.service.NotificationClientService; +import dev.lions.unionflow.client.service.ExportClientService; +import jakarta.annotation.PostConstruct; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.ExternalContext; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; + +/** + * Bean JSF pour la gestion des cotisations + * Refactorisé pour utiliser directement CotisationDTO et se connecter au backend + * + * @author UnionFlow Team + * @version 2.0 + */ +@Named("cotisationsBean") +@SessionScoped +public class CotisationsBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(CotisationsBean.class.getName()); + + @Inject + @RestClient + private CotisationService cotisationService; + + @Inject + @RestClient + private NotificationClientService notificationService; + + @Inject + @RestClient + private ExportClientService exportService; + + // Données principales - Utilisation directe de CotisationDTO + private List toutesLesCotisations; + private List cotisationsFiltrees; + private List cotisationsSelectionnees; + private CotisationDTO cotisationSelectionnee; + + // Formulaire nouvelle cotisation + private NouvelleCotisation nouvelleCotisation; + + // Filtres + private Filtres filtres; + + // Statistiques + private StatistiquesFinancieres statistiques; + + // Analytics + private List evolutionPaiements; + private List repartitionMethodes; + private List rappelsEnAttente; + + @PostConstruct + public void init() { + initializeFiltres(); + chargerCotisations(); + chargerStatistiques(); + initializeNouvelleCotisation(); + chargerEvolutionPaiements(); + chargerRepartitionMethodes(); + chargerRappels(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + cotisationsSelectionnees = new ArrayList<>(); + } + + /** + * Charge les cotisations depuis le backend + */ + private void chargerCotisations() { + toutesLesCotisations = new ArrayList<>(); + try { + toutesLesCotisations = cotisationService.listerToutes(0, 1000); + LOGGER.info("Chargement de " + toutesLesCotisations.size() + " cotisations"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des cotisations: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de charger les cotisations: " + e.getMessage())); + } + } + + /** + * Charge les statistiques depuis le backend + */ + private void chargerStatistiques() { + statistiques = new StatistiquesFinancieres(); + try { + Map statsBackend = cotisationService.obtenirStatistiques(); + + // Extraction des statistiques du backend + Long cotisationsEnRetard = ((Number) statsBackend.getOrDefault("cotisationsEnRetard", 0L)).longValue(); + Double tauxPaiement = ((Number) statsBackend.getOrDefault("tauxPaiement", 0.0)).doubleValue(); + + // Calcul des montants depuis les cotisations réelles + BigDecimal totalCollecte = toutesLesCotisations.stream() + .filter(c -> "PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut())) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + BigDecimal montantRetard = toutesLesCotisations.stream() + .filter(c -> "EN_RETARD".equals(c.getStatut())) + .map(c -> c.getMontantDu() != null ? c.getMontantDu() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + statistiques.setTotalCollecte(totalCollecte); + statistiques.setObjectifAnnuel(totalCollecte.multiply(new BigDecimal("1.3"))); + statistiques.setTauxRecouvrement(tauxPaiement); + statistiques.setCotisationsEnRetard(cotisationsEnRetard.intValue()); + statistiques.setMontantRetard(montantRetard); + + // Moyenne mensuelle basée sur les 12 derniers mois + BigDecimal moyenneMensuelle = totalCollecte.divide(new BigDecimal("12"), 2, java.math.RoundingMode.HALF_UP); + statistiques.setMoyenneMensuelle(moyenneMensuelle); + + LOGGER.info("Statistiques chargées: Total=" + totalCollecte + ", Taux=" + tauxPaiement + "%"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des statistiques: " + e.getMessage()); + statistiques.setTotalCollecte(BigDecimal.ZERO); + statistiques.setObjectifAnnuel(BigDecimal.ZERO); + statistiques.setTauxRecouvrement(0.0); + statistiques.setCotisationsEnRetard(0); + statistiques.setMontantRetard(BigDecimal.ZERO); + statistiques.setMoyenneMensuelle(BigDecimal.ZERO); + } + } + + /** + * Calcule l'évolution des paiements depuis les données réelles + */ + private void chargerEvolutionPaiements() { + evolutionPaiements = new ArrayList<>(); + try { + // Récupérer les cotisations payées des 12 derniers mois + LocalDate maintenant = LocalDate.now(); + String[] moisNoms = {"Jan", "Fév", "Mar", "Avr", "Mai", "Jun", "Jul", "Aoû", "Sep", "Oct", "Nov", "Déc"}; + + for (int i = 11; i >= 0; i--) { + LocalDate moisDate = maintenant.minusMonths(i); + Month mois = moisDate.getMonth(); + int annee = moisDate.getYear(); + + BigDecimal montantMois = toutesLesCotisations.stream() + .filter(c -> c.getDatePaiement() != null + && c.getDatePaiement().getYear() == annee + && c.getDatePaiement().getMonth() == mois + && ("PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut()))) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + EvolutionPaiement evolution = new EvolutionPaiement(); + evolution.setMois(moisNoms[mois.getValue() - 1]); + evolution.setMontant(montantMois); + evolution.setHauteur(montantMois.compareTo(BigDecimal.ZERO) > 0 + ? (int) (montantMois.divide(new BigDecimal("50000"), 0, java.math.RoundingMode.HALF_UP).intValue()) + : 0); + evolutionPaiements.add(evolution); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul de l'évolution des paiements: " + e.getMessage()); + } + } + + /** + * Calcule la répartition par méthode de paiement depuis les données réelles + */ + private void chargerRepartitionMethodes() { + repartitionMethodes = new ArrayList<>(); + try { + // Calculer le total des paiements + BigDecimal totalPaiements = toutesLesCotisations.stream() + .filter(c -> c.getMethodePaiement() != null + && ("PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut()))) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + if (totalPaiements.compareTo(BigDecimal.ZERO) == 0) { + return; // Pas de paiements + } + + // Grouper par méthode de paiement + Map parMethode = toutesLesCotisations.stream() + .filter(c -> c.getMethodePaiement() != null + && ("PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut()))) + .collect(Collectors.groupingBy( + CotisationDTO::getMethodePaiement, + Collectors.reducing(BigDecimal.ZERO, + c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO, + BigDecimal::add))); + + // Créer les objets RepartitionMethode + for (Map.Entry entry : parMethode.entrySet()) { + String methode = entry.getKey(); + BigDecimal montant = entry.getValue(); + double pourcentage = montant.multiply(BigDecimal.valueOf(100)) + .divide(totalPaiements, 2, java.math.RoundingMode.HALF_UP) + .doubleValue(); + + RepartitionMethode repartition = new RepartitionMethode(); + repartition.setMethode(getMethodeLibelle(methode)); + repartition.setMontant(montant); + repartition.setPourcentage(pourcentage); + repartition.setCouleur(getCouleurMethode(methode)); + repartition.setIcon(getIconMethode(methode)); + repartitionMethodes.add(repartition); + } + + // Trier par montant décroissant + repartitionMethodes.sort((a, b) -> b.getMontant().compareTo(a.getMontant())); + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul de la répartition des méthodes: " + e.getMessage()); + } + } + + /** + * Charge les rappels depuis les cotisations en retard + */ + private void chargerRappels() { + rappelsEnAttente = new ArrayList<>(); + try { + List enRetard = cotisationService.obtenirEnRetard(0, 100); + + for (CotisationDTO cotisation : enRetard) { + RappelCotisation rappel = new RappelCotisation(); + rappel.setNomMembre(cotisation.getNomMembre()); + rappel.setClub(cotisation.getNomAssociation()); + rappel.setMontantDu(cotisation.getMontantDu()); + rappel.setJoursRetard((int) cotisation.getJoursRetard()); + rappel.setPriorite(determinerPriorite(cotisation.getJoursRetard())); + rappelsEnAttente.add(rappel); + } + + // Trier par priorité (HAUTE > MOYENNE > FAIBLE) + rappelsEnAttente.sort((a, b) -> { + int prioriteA = getPrioriteValue(a.getPriorite()); + int prioriteB = getPrioriteValue(b.getPriorite()); + if (prioriteA != prioriteB) return prioriteB - prioriteA; + return b.getJoursRetard() - a.getJoursRetard(); + }); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des rappels: " + e.getMessage()); + } + } + + private String determinerPriorite(long joursRetard) { + if (joursRetard >= 30) return "HAUTE"; + if (joursRetard >= 15) return "MOYENNE"; + return "FAIBLE"; + } + + private int getPrioriteValue(String priorite) { + return switch (priorite) { + case "HAUTE" -> 3; + case "MOYENNE" -> 2; + case "FAIBLE" -> 1; + default -> 0; + }; + } + + private String getMethodeLibelle(String methode) { + if (methode == null) return "Non défini"; + return switch (methode) { + case "WAVE_MONEY" -> "Wave Money"; + case "ESPECES" -> "Espèces"; + case "VIREMENT" -> "Virement"; + case "CHEQUE" -> "Chèque"; + case "ORANGE_MONEY" -> "Orange Money"; + case "FREE_MONEY" -> "Free Money"; + case "CARTE_BANCAIRE" -> "Carte bancaire"; + default -> methode; + }; + } + + private String getCouleurMethode(String methode) { + if (methode == null) return "bg-gray-500"; + return switch (methode) { + case "WAVE_MONEY" -> "bg-blue-500"; + case "ESPECES" -> "bg-green-500"; + case "VIREMENT" -> "bg-purple-500"; + case "CHEQUE" -> "bg-orange-500"; + case "ORANGE_MONEY" -> "bg-orange-400"; + case "FREE_MONEY" -> "bg-yellow-500"; + case "CARTE_BANCAIRE" -> "bg-indigo-500"; + default -> "bg-gray-500"; + }; + } + + private String getIconMethode(String methode) { + if (methode == null) return "pi-circle"; + return switch (methode) { + case "WAVE_MONEY", "ORANGE_MONEY", "FREE_MONEY" -> "pi-mobile"; + case "ESPECES" -> "pi-money-bill"; + case "VIREMENT" -> "pi-send"; + case "CHEQUE", "CARTE_BANCAIRE" -> "pi-credit-card"; + default -> "pi-circle"; + }; + } + + private void initializeNouvelleCotisation() { + nouvelleCotisation = new NouvelleCotisation(); + } + + /** + * Applique les filtres en utilisant la recherche backend + */ + private void appliquerFiltres() { + try { + // Utiliser la recherche backend au lieu du filtrage côté client + cotisationsFiltrees = cotisationService.rechercher( + null, // membreId - peut être ajouté si nécessaire + filtres.getStatut(), + filtres.getTypeCotisation(), + null, // annee + null, // mois + 0, + 1000 + ); + + // Appliquer les filtres supplémentaires côté client si nécessaire + if (filtres.getNomMembre() != null && !filtres.getNomMembre().trim().isEmpty()) { + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> c.getNomMembre() != null + && c.getNomMembre().toLowerCase().contains(filtres.getNomMembre().toLowerCase())) + .collect(Collectors.toList()); + } + + if (filtres.getClub() != null && !filtres.getClub().trim().isEmpty()) { + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> c.getNomAssociation() != null + && c.getNomAssociation().toLowerCase().contains(filtres.getClub().toLowerCase())) + .collect(Collectors.toList()); + } + + if (filtres.getDateDebut() != null) { + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> c.getDateEcheance() != null + && !c.getDateEcheance().isBefore(filtres.getDateDebut())) + .collect(Collectors.toList()); + } + + if (filtres.getDateFin() != null) { + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> c.getDateEcheance() != null + && !c.getDateEcheance().isAfter(filtres.getDateFin())) + .collect(Collectors.toList()); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'application des filtres: " + e.getMessage()); + cotisationsFiltrees = new ArrayList<>(); + } + } + + // Actions + + /** + * Recherche avec filtres + */ + public void rechercher() { + appliquerFiltres(); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Recherche", + cotisationsFiltrees.size() + " cotisation(s) trouvée(s)")); + } + + /** + * Réinitialise les filtres + */ + public void reinitialiserFiltres() { + filtres = new Filtres(); + chargerCotisations(); + appliquerFiltres(); + } + + /** + * Enregistre une nouvelle cotisation via le backend + */ + public void enregistrerCotisation() { + try { + CotisationDTO nouvelleCot = new CotisationDTO(); + nouvelleCot.setMembreId(nouvelleCotisation.getMembreId()); + nouvelleCot.setTypeCotisation(nouvelleCotisation.getTypeCotisation()); + nouvelleCot.setLibelle(nouvelleCotisation.getLibelle()); + nouvelleCot.setDescription(nouvelleCotisation.getDescription()); + nouvelleCot.setMontantDu(nouvelleCotisation.getMontantDu()); + nouvelleCot.setDateEcheance(nouvelleCotisation.getDateEcheance()); + nouvelleCot.setStatut("EN_ATTENTE"); + nouvelleCot.setMontantPaye(BigDecimal.ZERO); + nouvelleCot.setCodeDevise("XOF"); + nouvelleCot.setObservations(nouvelleCotisation.getObservations()); + + CotisationDTO cotisationCreee = cotisationService.creer(nouvelleCot); + + // Recharger les données + chargerCotisations(); + chargerStatistiques(); + appliquerFiltres(); + initializeNouvelleCotisation(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Cotisation créée avec succès")); + LOGGER.info("Nouvelle cotisation créée: " + cotisationCreee.getId()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la création de la cotisation: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de créer la cotisation: " + e.getMessage())); + } + } + + /** + * Marque une cotisation comme payée via le backend + */ + public void marquerCommePaye() { + if (cotisationSelectionnee == null) { + return; + } + + try { + cotisationSelectionnee.setStatut("PAYEE"); + cotisationSelectionnee.setMontantPaye(cotisationSelectionnee.getMontantDu()); + cotisationSelectionnee.setDatePaiement(LocalDateTime.now()); + + cotisationService.modifier(cotisationSelectionnee.getId(), cotisationSelectionnee); + + // Recharger les données + chargerCotisations(); + chargerStatistiques(); + appliquerFiltres(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Cotisation marquée comme payée")); + LOGGER.info("Cotisation marquée comme payée: " + cotisationSelectionnee.getId()); + } catch (Exception e) { + LOGGER.severe("Erreur lors du marquage de la cotisation: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de marquer la cotisation comme payée: " + e.getMessage())); + } + } + + /** + * Enregistre un paiement partiel via le backend + */ + public void enregistrerPaiementPartiel(BigDecimal montantPaye, String methodePaiement, String referencePaiement) { + if (cotisationSelectionnee == null) { + return; + } + + try { + cotisationSelectionnee.setStatut("PARTIELLEMENT_PAYEE"); + cotisationSelectionnee.setMontantPaye(montantPaye); + cotisationSelectionnee.setMethodePaiement(methodePaiement); + cotisationSelectionnee.setReferencePaiement(referencePaiement); + cotisationSelectionnee.setDatePaiement(LocalDateTime.now()); + + cotisationService.modifier(cotisationSelectionnee.getId(), cotisationSelectionnee); + + // Recharger les données + chargerCotisations(); + chargerStatistiques(); + appliquerFiltres(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Paiement partiel enregistré")); + LOGGER.info("Paiement partiel enregistré: " + cotisationSelectionnee.getId()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'enregistrement du paiement partiel: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'enregistrer le paiement: " + e.getMessage())); + } + } + + /** + * Sélectionne une cotisation pour afficher ses détails + */ + public void selectionnerCotisation(CotisationDTO cotisation) { + this.cotisationSelectionnee = cotisation; + } + + /** + * Envoie un rappel pour une cotisation + */ + public void envoyerRappel() { + if (cotisationSelectionnee == null || cotisationSelectionnee.getMembreId() == null) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucune cotisation sélectionnée")); + return; + } + + try { + String message = "Rappel: Votre cotisation de " + formatMontant(cotisationSelectionnee.getMontantDu()) + + " est en attente de paiement."; + + notificationService.envoyerNotificationGroupe( + "RAPPEL_COTISATION", + "Rappel de cotisation", + message, + List.of(cotisationSelectionnee.getMembreId().toString()) + ); + + LOGGER.info("Rappel envoyé à: " + cotisationSelectionnee.getNomMembre()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Rappel", + "Rappel envoyé à " + cotisationSelectionnee.getNomMembre())); + } catch (Exception e) { + LOGGER.severe("Erreur envoi rappel: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer le rappel: " + e.getMessage())); + } + } + + /** + * Envoie des rappels groupés + */ + public void envoyerRappelsGroupes() { + if (cotisationsSelectionnees == null || cotisationsSelectionnees.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucune cotisation sélectionnée")); + return; + } + + try { + List destinataires = cotisationsSelectionnees.stream() + .filter(c -> c.getMembreId() != null) + .map(c -> c.getMembreId().toString()) + .distinct() + .collect(Collectors.toList()); + + BigDecimal montantTotal = cotisationsSelectionnees.stream() + .map(c -> c.getMontantDu() != null ? c.getMontantDu() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + notificationService.envoyerNotificationGroupe( + "RAPPEL_COTISATION", + "Rappel de paiement", + "Vous avez des cotisations en attente. Montant total: " + formatMontant(montantTotal), + destinataires + ); + + LOGGER.info("Rappels envoyés à " + destinataires.size() + " membres"); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Rappels", + destinataires.size() + " rappel(s) envoyé(s)")); + } catch (Exception e) { + LOGGER.severe("Erreur envoi rappels groupés: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer les rappels: " + e.getMessage())); + } + } + + /** + * Exporte les cotisations en CSV + */ + public void exporterCotisations() { + try { + LOGGER.info("Export de " + cotisationsFiltrees.size() + " cotisations"); + + if (cotisationsFiltrees.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucune cotisation à exporter")); + return; + } + + List ids = cotisationsFiltrees.stream() + .map(CotisationDTO::getId) + .filter(id -> id != null) + .collect(Collectors.toList()); + + byte[] csvData = exportService.exporterCotisationsSelectionneesCSV(ids); + + telechargerFichier(csvData, "cotisations-export.csv", "text/csv"); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Export", + "Export de " + cotisationsFiltrees.size() + " cotisation(s) terminé")); + } catch (Exception e) { + LOGGER.severe("Erreur export cotisations: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'exporter les cotisations: " + e.getMessage())); + } + } + + /** + * Génère un rapport financier mensuel + */ + public void genererRapportFinancier() { + try { + LOGGER.info("Rapport financier généré"); + + int annee = LocalDate.now().getYear(); + int mois = LocalDate.now().getMonthValue(); + + byte[] rapport = exportService.genererRapportMensuel(annee, mois, null); + + telechargerFichier(rapport, "rapport-financier-" + annee + "-" + String.format("%02d", mois) + ".txt", "text/plain"); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Rapport", + "Rapport financier généré avec succès")); + } catch (Exception e) { + LOGGER.severe("Erreur génération rapport: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de générer le rapport: " + e.getMessage())); + } + } + + /** + * Télécharge un fichier via le navigateur + */ + private void telechargerFichier(byte[] data, String nomFichier, String contentType) { + try { + FacesContext fc = FacesContext.getCurrentInstance(); + ExternalContext ec = fc.getExternalContext(); + + ec.responseReset(); + ec.setResponseContentType(contentType + "; charset=UTF-8"); + ec.setResponseContentLength(data.length); + ec.setResponseHeader("Content-Disposition", "attachment; filename=\"" + nomFichier + "\""); + + OutputStream output = ec.getResponseOutputStream(); + output.write(data); + output.flush(); + + fc.responseComplete(); + } catch (Exception e) { + LOGGER.severe("Erreur téléchargement fichier: " + e.getMessage()); + throw new RuntimeException("Erreur lors du téléchargement", e); + } + } + + /** + * Formate un montant en FCFA + */ + private String formatMontant(BigDecimal montant) { + if (montant == null) return "0 FCFA"; + return String.format("%,.0f FCFA", montant.doubleValue()); + } + + /** + * Actualise les données depuis le backend + */ + public void actualiser() { + chargerCotisations(); + chargerStatistiques(); + chargerEvolutionPaiements(); + chargerRepartitionMethodes(); + chargerRappels(); + appliquerFiltres(); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Actualisation", + "Données actualisées")); + } + + /** + * Compte les cotisations par statut + */ + public long compterParStatut(String statut) { + if (cotisationsFiltrees == null) return 0; + return cotisationsFiltrees.stream() + .filter(c -> statut.equals(c.getStatut())) + .count(); + } + + /** + * Compte les cotisations par type + */ + public long compterParType(String type) { + if (cotisationsFiltrees == null) return 0; + return cotisationsFiltrees.stream() + .filter(c -> type.equals(c.getTypeCotisation())) + .count(); + } + + // Getters et Setters + + public List getToutesLesCotisations() { + return toutesLesCotisations; + } + + public void setToutesLesCotisations(List toutesLesCotisations) { + this.toutesLesCotisations = toutesLesCotisations; + } + + public List getCotisationsFiltrees() { + return cotisationsFiltrees; + } + + public void setCotisationsFiltrees(List cotisationsFiltrees) { + this.cotisationsFiltrees = cotisationsFiltrees; + } + + public List getCotisationsSelectionnees() { + return cotisationsSelectionnees; + } + + public void setCotisationsSelectionnees(List cotisationsSelectionnees) { + this.cotisationsSelectionnees = cotisationsSelectionnees; + } + + public CotisationDTO getCotisationSelectionnee() { + return cotisationSelectionnee; + } + + public void setCotisationSelectionnee(CotisationDTO cotisationSelectionnee) { + this.cotisationSelectionnee = cotisationSelectionnee; + } + + public NouvelleCotisation getNouvelleCotisation() { + return nouvelleCotisation; + } + + public void setNouvelleCotisation(NouvelleCotisation nouvelleCotisation) { + this.nouvelleCotisation = nouvelleCotisation; + } + + public Filtres getFiltres() { + return filtres; + } + + public void setFiltres(Filtres filtres) { + this.filtres = filtres; + } + + public StatistiquesFinancieres getStatistiques() { + return statistiques; + } + + public void setStatistiques(StatistiquesFinancieres statistiques) { + this.statistiques = statistiques; + } + + public List getEvolutionPaiements() { + return evolutionPaiements; + } + + public void setEvolutionPaiements(List evolutionPaiements) { + this.evolutionPaiements = evolutionPaiements; + } + + public List getRepartitionMethodes() { + return repartitionMethodes; + } + + public void setRepartitionMethodes(List repartitionMethodes) { + this.repartitionMethodes = repartitionMethodes; + } + + public List getRappelsEnAttente() { + return rappelsEnAttente; + } + + public void setRappelsEnAttente(List rappelsEnAttente) { + this.rappelsEnAttente = rappelsEnAttente; + } + + // Classes internes pour les formulaires et données d'affichage + + /** + * Classe pour le formulaire de nouvelle cotisation + */ + public static class NouvelleCotisation implements Serializable { + private static final long serialVersionUID = 1L; + + private UUID membreId; + private String typeCotisation; + private String libelle; + private String description; + private BigDecimal montantDu; + private LocalDate dateEcheance; + private String observations; + + // Getters et setters + public UUID getMembreId() { return membreId; } + public void setMembreId(UUID membreId) { this.membreId = membreId; } + + public String getTypeCotisation() { return typeCotisation; } + public void setTypeCotisation(String typeCotisation) { this.typeCotisation = typeCotisation; } + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public BigDecimal getMontantDu() { return montantDu; } + public void setMontantDu(BigDecimal montantDu) { this.montantDu = montantDu; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public String getObservations() { return observations; } + public void setObservations(String observations) { this.observations = observations; } + } + + /** + * Classe pour les filtres de recherche + */ + public static class Filtres implements Serializable { + private static final long serialVersionUID = 1L; + + private String nomMembre; + private String club; + private String statut; + private String typeCotisation; + private String methodePaiement; + private LocalDate dateDebut; + private LocalDate dateFin; + + // Getters et setters + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public String getClub() { return club; } + public void setClub(String club) { this.club = club; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getTypeCotisation() { return typeCotisation; } + public void setTypeCotisation(String typeCotisation) { this.typeCotisation = typeCotisation; } + + public String getMethodePaiement() { return methodePaiement; } + public void setMethodePaiement(String methodePaiement) { this.methodePaiement = methodePaiement; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + } + + /** + * Classe pour les statistiques financières + */ + public static class StatistiquesFinancieres implements Serializable { + private static final long serialVersionUID = 1L; + + private BigDecimal totalCollecte; + private BigDecimal objectifAnnuel; + private double tauxRecouvrement; + private int cotisationsEnRetard; + private BigDecimal montantRetard; + private BigDecimal moyenneMensuelle; + + // Getters et setters + public BigDecimal getTotalCollecte() { return totalCollecte; } + public void setTotalCollecte(BigDecimal totalCollecte) { this.totalCollecte = totalCollecte; } + + public BigDecimal getObjectifAnnuel() { return objectifAnnuel; } + public void setObjectifAnnuel(BigDecimal objectifAnnuel) { this.objectifAnnuel = objectifAnnuel; } + + public double getTauxRecouvrement() { return tauxRecouvrement; } + public void setTauxRecouvrement(double tauxRecouvrement) { this.tauxRecouvrement = tauxRecouvrement; } + + public int getCotisationsEnRetard() { return cotisationsEnRetard; } + public void setCotisationsEnRetard(int cotisationsEnRetard) { this.cotisationsEnRetard = cotisationsEnRetard; } + + public BigDecimal getMontantRetard() { return montantRetard; } + public void setMontantRetard(BigDecimal montantRetard) { this.montantRetard = montantRetard; } + + public BigDecimal getMoyenneMensuelle() { return moyenneMensuelle; } + public void setMoyenneMensuelle(BigDecimal moyenneMensuelle) { this.moyenneMensuelle = moyenneMensuelle; } + + // Méthodes de formatage + public String getTotalCollecteFormatte() { + if (totalCollecte == null) return "0 FCFA"; + return String.format("%,.0f FCFA", totalCollecte.doubleValue()); + } + + public String getObjectifAnnuelFormatte() { + if (objectifAnnuel == null) return "0 FCFA"; + return String.format("%,.0f FCFA", objectifAnnuel.doubleValue()); + } + + public String getMontantRetardFormatte() { + if (montantRetard == null) return "0 FCFA"; + return String.format("%,.0f FCFA", montantRetard.doubleValue()); + } + + public String getMoyenneMensuelleFormattee() { + if (moyenneMensuelle == null) return "0 FCFA"; + return String.format("%,.0f FCFA", moyenneMensuelle.doubleValue()); + } + + public int getTauxRecouvrementInt() { + return (int) tauxRecouvrement; + } + } + + /** + * Classe pour l'évolution des paiements (graphique) + */ + public static class EvolutionPaiement implements Serializable { + private static final long serialVersionUID = 1L; + + private String mois; + private BigDecimal montant; + private int hauteur; + + // Getters et setters + public String getMois() { return mois; } + public void setMois(String mois) { this.mois = mois; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public int getHauteur() { return hauteur; } + public void setHauteur(int hauteur) { this.hauteur = hauteur; } + + public String getMontantFormatte() { + if (montant == null) return "0"; + return String.format("%.1fM", montant.divide(new BigDecimal("1000000"), 1, java.math.RoundingMode.HALF_UP).doubleValue()); + } + } + + /** + * Classe pour la répartition par méthode de paiement + */ + public static class RepartitionMethode implements Serializable { + private static final long serialVersionUID = 1L; + + private String methode; + private double pourcentage; + private BigDecimal montant; + private String couleur; + private String icon; + + // Getters et setters + public String getMethode() { return methode; } + public void setMethode(String methode) { this.methode = methode; } + + public double getPourcentage() { return pourcentage; } + public void setPourcentage(double pourcentage) { this.pourcentage = pourcentage; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getMontantFormatte() { + if (montant == null) return "0 FCFA"; + return String.format("%,.0f FCFA", montant.doubleValue()); + } + + public int getPourcentageInt() { + return (int) pourcentage; + } + + public int getLargeur() { + return (int) (pourcentage * 2); + } + } + + /** + * Classe pour les rappels de cotisation + */ + public static class RappelCotisation implements Serializable { + private static final long serialVersionUID = 1L; + + private String nomMembre; + private String club; + private BigDecimal montantDu; + private int joursRetard; + private String priorite; + + // Getters et setters + public String getNomMembre() { return nomMembre; } + public void setNomMembre(String nomMembre) { this.nomMembre = nomMembre; } + + public String getClub() { return club; } + public void setClub(String club) { this.club = club; } + + public BigDecimal getMontantDu() { return montantDu; } + public void setMontantDu(BigDecimal montantDu) { this.montantDu = montantDu; } + + public int getJoursRetard() { return joursRetard; } + public void setJoursRetard(int joursRetard) { this.joursRetard = joursRetard; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public String getMontantDuFormatte() { + if (montantDu == null) return "0 FCFA"; + return String.format("%,.0f FCFA", montantDu.doubleValue()); + } + + public String getPrioriteSeverity() { + if (priorite == null) return "secondary"; + return switch (priorite) { + case "HAUTE" -> "danger"; + case "MOYENNE" -> "warning"; + case "FAIBLE" -> "info"; + default -> "secondary"; + }; + } + } +} diff --git a/src/main/java/dev/lions/unionflow/client/view/CotisationsGestionBean.java b/src/main/java/dev/lions/unionflow/client/view/CotisationsGestionBean.java new file mode 100644 index 0000000..eb1a821 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/CotisationsGestionBean.java @@ -0,0 +1,1559 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.CotisationDTO; +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.dto.WaveCheckoutSessionDTO; +import dev.lions.unionflow.client.service.CotisationService; +import dev.lions.unionflow.client.service.AssociationService; +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.WaveService; +import dev.lions.unionflow.client.service.NotificationClientService; +import dev.lions.unionflow.client.service.ExportClientService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.ExternalContext; +import jakarta.faces.context.FacesContext; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.OutputStream; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.List; +import java.util.Map; +import java.util.UUID; +import java.util.HashMap; +import java.util.stream.Collectors; +import java.util.logging.Logger; + +/** + * Bean JSF pour la gestion administrative des cotisations + * Refactorisé pour utiliser directement CotisationDTO et se connecter au backend + * + * @author UnionFlow Team + * @version 2.0 + */ +@Named("cotisationsGestionBean") +@SessionScoped +public class CotisationsGestionBean implements Serializable { + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_DASHBOARD = "dashboardPage"; + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(CotisationsGestionBean.class.getName()); + + @Inject + @RestClient + private CotisationService cotisationService; + + @Inject + @RestClient + private AssociationService associationService; + + @Inject + @RestClient + private MembreService membreService; + + @Inject + @RestClient + private WaveService waveService; + + @Inject + @RestClient + private NotificationClientService notificationService; + + @Inject + @RestClient + private ExportClientService exportService; + + @Inject + private UserSession userSession; + + // Propriétés principales + private String periodeActuelle; + private BigDecimal tauxRecouvrement; + private int totalMembresActifs; + + // KPIs financiers + private String montantCollecte; + private String objectifMensuel; + private int progressionMensuelle; + private String membresAJour; + private int pourcentageMembresAJour; + private String montantEnAttente; + private int nombreCotisationsEnAttente; + private String montantImpayes; + private int joursRetardMoyen; + private String revenus2024; + private String croissanceAnnuelle; + private String prelevementsActifs; + private String montantPrelevementsPrevu; + + // Analytics + private String periodeGraphique = "12M"; + private List topOrganisations; + private int paiementsWave; + private int paiementsVirement; + private int paiementsEspeces; + + // Filtres + private FiltresCotisations filtres; + private List listeOrganisations; + + // Données et sélections - Utilisation directe de CotisationDTO + private List cotisationsFiltrees; + private List cotisationsSelectionnees; + private String montantTotalSelectionne; + + // Wave Money + private int membresPrelevementActif; + private String montantPrelevementMensuel; + private String prochainPrelevement; + + // Nouvelle campagne + private NouvelleCampagne nouvelleCampagne; + + // Propriétés pour les rappels (WOU/DRY) + private List membresEnRetard = new ArrayList<>(); + private List membresSelectionnes = new ArrayList<>(); + private int nombreMembresEnRetard = 0; + private int nombreRappelsEnvoyes = 0; + + @PostConstruct + public void init() { + chargerKPIs(); + initializeFiltres(); + chargerCotisations(); + chargerTopOrganisations(); + chargerRepartitionMethodes(); + initializeNouvelleCampagne(); + chargerMembresEnRetard(); + } + + /** + * Charge les KPIs depuis le backend + */ + private void chargerKPIs() { + try { + Map statsBackend = cotisationService.obtenirStatistiques(); + List cotisationsDTO = cotisationService.listerToutes(0, 1000); + + Long totalCotisations = ((Number) statsBackend.getOrDefault("totalCotisations", 0L)).longValue(); + Long cotisationsPayees = ((Number) statsBackend.getOrDefault("cotisationsPayees", 0L)).longValue(); + Long cotisationsEnRetard = ((Number) statsBackend.getOrDefault("cotisationsEnRetard", 0L)).longValue(); + Double tauxPaiement = ((Number) statsBackend.getOrDefault("tauxPaiement", 0.0)).doubleValue(); + + BigDecimal totalCollecte = cotisationsDTO.stream() + .filter(c -> "PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut())) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + long enAttente = cotisationsDTO.stream().filter(c -> "EN_ATTENTE".equals(c.getStatut())).count(); + BigDecimal montantAttente = cotisationsDTO.stream() + .filter(c -> "EN_ATTENTE".equals(c.getStatut())) + .map(c -> c.getMontantDu() != null ? c.getMontantDu() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + BigDecimal montantImpayes = cotisationsDTO.stream() + .filter(c -> "EN_RETARD".equals(c.getStatut())) + .map(c -> c.getMontantDu() != null ? c.getMontantDu() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + // Calcul du retard moyen + long totalJoursRetard = cotisationsDTO.stream() + .filter(c -> "EN_RETARD".equals(c.getStatut())) + .mapToLong(CotisationDTO::getJoursRetard) + .sum(); + joursRetardMoyen = cotisationsEnRetard > 0 ? (int) (totalJoursRetard / cotisationsEnRetard) : 0; + + this.periodeActuelle = LocalDate.now().format(DateTimeFormatter.ofPattern("MMMM yyyy")); + this.tauxRecouvrement = BigDecimal.valueOf(tauxPaiement); + this.totalMembresActifs = totalCotisations.intValue(); + this.montantCollecte = formatMontant(totalCollecte); + this.objectifMensuel = formatMontant(totalCollecte.multiply(new BigDecimal("1.15"))); + this.progressionMensuelle = tauxPaiement.intValue(); + this.membresAJour = String.valueOf(cotisationsPayees); + this.pourcentageMembresAJour = tauxPaiement.intValue(); + this.montantEnAttente = formatMontant(montantAttente); + this.nombreCotisationsEnAttente = (int) enAttente; + this.montantImpayes = formatMontant(montantImpayes); + this.revenus2024 = formatMontant(totalCollecte.multiply(new BigDecimal("12"))); + this.croissanceAnnuelle = calculerCroissanceAnnuelle(cotisationsDTO); + + // Charger les informations Wave + chargerInfosWave(cotisationsDTO); + this.prochainPrelevement = LocalDate.now().plusMonths(1).format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul des KPIs: " + e.getMessage()); + initialiserKPIsParDefaut(); + } + this.cotisationsSelectionnees = new ArrayList<>(); + this.montantTotalSelectionne = "0 FCFA"; + } + + private void initialiserKPIsParDefaut() { + this.periodeActuelle = LocalDate.now().format(DateTimeFormatter.ofPattern("MMMM yyyy")); + this.tauxRecouvrement = BigDecimal.ZERO; + this.totalMembresActifs = 0; + this.montantCollecte = "0 FCFA"; + this.objectifMensuel = "0 FCFA"; + this.progressionMensuelle = 0; + this.membresAJour = "0"; + this.pourcentageMembresAJour = 0; + this.montantEnAttente = "0 FCFA"; + this.nombreCotisationsEnAttente = 0; + this.montantImpayes = "0 FCFA"; + this.joursRetardMoyen = 0; + this.revenus2024 = "0 FCFA"; + this.croissanceAnnuelle = "0%"; + this.prelevementsActifs = "0"; + this.montantPrelevementsPrevu = "0"; + this.membresPrelevementActif = 0; + this.montantPrelevementMensuel = "0 FCFA"; + this.prochainPrelevement = LocalDate.now().plusMonths(1).format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + /** + * Calcule la croissance annuelle depuis les données historiques + */ + private String calculerCroissanceAnnuelle(List cotisationsDTO) { + try { + int anneeActuelle = LocalDate.now().getYear(); + int anneePrecedente = anneeActuelle - 1; + + BigDecimal montantAnneeActuelle = cotisationsDTO.stream() + .filter(c -> c.getDateCreation() != null && c.getDateCreation().getYear() == anneeActuelle) + .filter(c -> "PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut())) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + BigDecimal montantAnneePrecedente = cotisationsDTO.stream() + .filter(c -> c.getDateCreation() != null && c.getDateCreation().getYear() == anneePrecedente) + .filter(c -> "PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut())) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + if (montantAnneePrecedente.compareTo(BigDecimal.ZERO) > 0) { + BigDecimal croissance = montantAnneeActuelle.subtract(montantAnneePrecedente) + .multiply(BigDecimal.valueOf(100)) + .divide(montantAnneePrecedente, 1, java.math.RoundingMode.HALF_UP); + return (croissance.compareTo(BigDecimal.ZERO) >= 0 ? "+" : "") + croissance + "%"; + } + return montantAnneeActuelle.compareTo(BigDecimal.ZERO) > 0 ? "+100%" : "0%"; + } catch (Exception e) { + LOGGER.severe("Erreur calcul croissance: " + e.getMessage()); + return "N/A"; + } + } + + /** + * Charge les informations Wave Money + */ + private void chargerInfosWave(List cotisationsDTO) { + try { + // Compter les prélèvements Wave actifs + long prelevementsWave = cotisationsDTO.stream() + .filter(c -> "WAVE_MONEY".equals(c.getMethodePaiement())) + .filter(c -> "EN_ATTENTE".equals(c.getStatut()) || "PROGRAMMEE".equals(c.getStatut())) + .count(); + + this.prelevementsActifs = String.valueOf(prelevementsWave); + + BigDecimal montantPrevu = cotisationsDTO.stream() + .filter(c -> "WAVE_MONEY".equals(c.getMethodePaiement())) + .filter(c -> "EN_ATTENTE".equals(c.getStatut()) || "PROGRAMMEE".equals(c.getStatut())) + .map(c -> c.getMontantDu() != null ? c.getMontantDu() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + this.montantPrelevementsPrevu = formatMontant(montantPrevu); + this.membresPrelevementActif = (int) prelevementsWave; + this.montantPrelevementMensuel = formatMontant(montantPrevu); + + } catch (Exception e) { + LOGGER.severe("Erreur chargement infos Wave: " + e.getMessage()); + this.prelevementsActifs = "0"; + this.montantPrelevementsPrevu = "0 FCFA"; + this.membresPrelevementActif = 0; + this.montantPrelevementMensuel = "0 FCFA"; + } + } + + private String formatMontant(BigDecimal montant) { + if (montant == null) return "0 FCFA"; + return String.format("%,.0f FCFA", montant.doubleValue()); + } + + private void initializeFiltres() { + this.filtres = new FiltresCotisations(); + this.listeOrganisations = new ArrayList<>(); + try { + List associations = associationService.listerToutes(0, 1000); + for (AssociationDTO assoc : associations) { + Organisation org = new Organisation(); + org.setId(assoc.getId()); + org.setNom(assoc.getNom()); + listeOrganisations.add(org); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des organisations: " + e.getMessage()); + } + } + + /** + * Charge les cotisations depuis le backend + */ + private void chargerCotisations() { + this.cotisationsFiltrees = new ArrayList<>(); + try { + this.cotisationsFiltrees = cotisationService.listerToutes(0, 1000); + LOGGER.info("Chargement de " + cotisationsFiltrees.size() + " cotisations"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des cotisations: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de charger les cotisations: " + e.getMessage())); + } + } + + /** + * Calcule les top organisations depuis les données réelles + */ + private void chargerTopOrganisations() { + this.topOrganisations = new ArrayList<>(); + try { + List associations = associationService.listerToutes(0, 1000); + List cotisationsDTO = cotisationService.listerToutes(0, 1000); + + for (AssociationDTO assoc : associations.stream().limit(5).collect(Collectors.toList())) { + List cotisationsOrg = cotisationsDTO.stream() + .filter(c -> c.getAssociationId() != null && c.getAssociationId().equals(assoc.getId())) + .collect(Collectors.toList()); + + long total = cotisationsOrg.size(); + long payees = cotisationsOrg.stream().filter(c -> "PAYEE".equals(c.getStatut())).count(); + int taux = total > 0 ? (int) ((double) payees / total * 100.0) : 0; + + BigDecimal montantCollecte = cotisationsOrg.stream() + .filter(c -> "PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut())) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + OrganisationPerformante org = new OrganisationPerformante(); + org.setNom(assoc.getNom()); + org.setTauxRecouvrement(taux); + org.setMontantCollecte(formatMontant(montantCollecte)); + org.setNombreMembresAJour((int) payees); + org.setTotalMembres((int) total); + topOrganisations.add(org); + } + + // Trier par taux de recouvrement décroissant + topOrganisations.sort((a, b) -> b.getTauxRecouvrement() - a.getTauxRecouvrement()); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des top organisations: " + e.getMessage()); + } + } + + /** + * Calcule la répartition par méthode de paiement depuis les données réelles + */ + private void chargerRepartitionMethodes() { + try { + List cotisationsDTO = cotisationService.listerToutes(0, 1000); + + // Calculer le total des paiements + BigDecimal totalPaiements = cotisationsDTO.stream() + .filter(c -> c.getMethodePaiement() != null + && ("PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut()))) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + if (totalPaiements.compareTo(BigDecimal.ZERO) == 0) { + paiementsWave = 0; + paiementsVirement = 0; + paiementsEspeces = 0; + return; + } + + // Calculer par méthode + BigDecimal montantWave = cotisationsDTO.stream() + .filter(c -> "WAVE_MONEY".equals(c.getMethodePaiement()) + && ("PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut()))) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + BigDecimal montantVirement = cotisationsDTO.stream() + .filter(c -> "VIREMENT".equals(c.getMethodePaiement()) + && ("PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut()))) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + BigDecimal montantEspeces = cotisationsDTO.stream() + .filter(c -> "ESPECES".equals(c.getMethodePaiement()) + && ("PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut()))) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + paiementsWave = montantWave.multiply(BigDecimal.valueOf(100)) + .divide(totalPaiements, 0, java.math.RoundingMode.HALF_UP) + .intValue(); + paiementsVirement = montantVirement.multiply(BigDecimal.valueOf(100)) + .divide(totalPaiements, 0, java.math.RoundingMode.HALF_UP) + .intValue(); + paiementsEspeces = montantEspeces.multiply(BigDecimal.valueOf(100)) + .divide(totalPaiements, 0, java.math.RoundingMode.HALF_UP) + .intValue(); + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul de la répartition: " + e.getMessage()); + paiementsWave = 0; + paiementsVirement = 0; + paiementsEspeces = 0; + } + } + + private void initializeNouvelleCampagne() { + this.nouvelleCampagne = new NouvelleCampagne(); + } + + private String getInitiales(String nom) { + if (nom == null || nom.trim().isEmpty()) return "??"; + String[] parts = nom.trim().split("\\s+"); + if (parts.length >= 2) { + return String.valueOf(parts[0].charAt(0)).toUpperCase() + + String.valueOf(parts[1].charAt(0)).toUpperCase(); + } + return String.valueOf(nom.charAt(0)).toUpperCase() + "M"; + } + + // Actions principales + + /** + * Crée une campagne de cotisations (plusieurs cotisations en une fois) + */ + public void creerCampagne() { + try { + LOGGER.info("Création de la campagne: " + nouvelleCampagne.getNom()); + + // Récupérer les membres selon le scope sélectionné + List membres = new ArrayList<>(); + + if ("TOUTES".equals(nouvelleCampagne.getScope())) { + // Tous les membres actifs de toutes les associations + membres = membreService.listerActifs(); + } else if (nouvelleCampagne.getScope() != null && !nouvelleCampagne.getScope().isEmpty()) { + // Membres d'une association spécifique + try { + UUID associationId = UUID.fromString(nouvelleCampagne.getScope()); + membres = membreService.listerParAssociation(associationId); + } catch (IllegalArgumentException e) { + membres = membreService.listerActifs(); + } + } + + int cotisationsCreees = 0; + for (MembreDTO membre : membres) { + CotisationDTO nouvelleCot = new CotisationDTO(); + nouvelleCot.setMembreId(membre.getId()); + nouvelleCot.setNomMembre(membre.getNom() + " " + membre.getPrenom()); + nouvelleCot.setNumeroMembre(membre.getNumeroMembre()); + nouvelleCot.setTypeCotisation(nouvelleCampagne.getType()); + nouvelleCot.setMontantDu(nouvelleCampagne.getMontant()); + nouvelleCot.setMontantPaye(BigDecimal.ZERO); + nouvelleCot.setDateEcheance(nouvelleCampagne.getDateEcheance()); + nouvelleCot.setStatut("EN_ATTENTE"); + nouvelleCot.setDescription(nouvelleCampagne.getDescription() != null + ? nouvelleCampagne.getDescription() + : "Campagne: " + nouvelleCampagne.getNom()); + + if (membre.getAssociationId() != null) { + nouvelleCot.setAssociationId(membre.getAssociationId()); + } + + cotisationService.creer(nouvelleCot); + cotisationsCreees++; + } + + // Envoyer notification si relance automatique activée + if (nouvelleCampagne.isRelanceAutomatique() && !membres.isEmpty()) { + List destinataires = membres.stream() + .map(m -> m.getId().toString()) + .collect(Collectors.toList()); + + try { + notificationService.envoyerNotificationGroupe( + "RAPPEL_COTISATION", + "Nouvelle cotisation: " + nouvelleCampagne.getNom(), + "Une nouvelle cotisation de " + formatMontant(nouvelleCampagne.getMontant()) + + " est due pour le " + nouvelleCampagne.getDateEcheance().format(DateTimeFormatter.ofPattern("dd/MM/yyyy")), + destinataires + ); + } catch (Exception e) { + LOGGER.warning("Impossible d'envoyer les notifications: " + e.getMessage()); + } + } + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Campagne", + "Campagne créée avec succès: " + cotisationsCreees + " cotisation(s)")); + initializeNouvelleCampagne(); + chargerCotisations(); + chargerKPIs(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la création de la campagne: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de créer la campagne: " + e.getMessage())); + } + } + + /** + * Envoie des relances groupées à tous les membres en retard + */ + public void relancesGroupees() { + try { + LOGGER.info("Envoi de relances groupées"); + + // Récupérer les cotisations en retard + List cotisationsEnRetard = cotisationService.obtenirEnRetard(0, 1000); + + if (cotisationsEnRetard.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Info", + "Aucune cotisation en retard à relancer")); + return; + } + + // Grouper par membre et envoyer notifications + List destinataires = cotisationsEnRetard.stream() + .filter(c -> c.getMembreId() != null) + .map(c -> c.getMembreId().toString()) + .distinct() + .collect(Collectors.toList()); + + BigDecimal montantTotalRetard = cotisationsEnRetard.stream() + .map(c -> c.getMontantDu() != null ? c.getMontantDu() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + notificationService.envoyerNotificationGroupe( + "RAPPEL_COTISATION", + "Rappel: Cotisation(s) en retard", + "Vous avez des cotisations en retard. Montant total dû: " + formatMontant(montantTotalRetard) + + ". Veuillez régulariser votre situation.", + destinataires + ); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Relances", + destinataires.size() + " relance(s) envoyée(s)")); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'envoi des relances: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer les relances: " + e.getMessage())); + } + } + + /** + * Exporte toutes les cotisations en CSV + */ + public void exporterTout() { + try { + LOGGER.info("Export global des cotisations"); + + byte[] csvData = exportService.exporterCotisationsCSV( + filtres.getStatut(), + filtres.getType(), + filtres.getOrganisation() != null && !filtres.getOrganisation().isEmpty() + ? UUID.fromString(filtres.getOrganisation()) : null + ); + + telechargerFichier(csvData, "cotisations-export.csv", "text/csv"); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Export", + "Export terminé avec succès")); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'export: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'exporter les cotisations: " + e.getMessage())); + } + } + + /** + * Applique les filtres en utilisant la recherche backend + */ + public void appliquerFiltres() { + try { + // Trouver l'ID de l'organisation + UUID associationId = null; + if (filtres.getOrganisation() != null && !filtres.getOrganisation().isEmpty()) { + for (Organisation org : listeOrganisations) { + if (org.getId().toString().equals(filtres.getOrganisation())) { + associationId = org.getId(); + break; + } + } + } + + final UUID associationIdFinal = associationId; // Variable final pour la lambda + + // Utiliser la recherche backend + cotisationsFiltrees = cotisationService.rechercher( + null, // membreId + filtres.getStatut(), + filtres.getType(), + null, // annee + null, // mois + 0, + 1000 + ); + + // Filtrer par association si nécessaire + if (associationIdFinal != null) { + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> c.getAssociationId() != null && c.getAssociationId().equals(associationIdFinal)) + .collect(Collectors.toList()); + } + + // Filtrer par recherche textuelle + if (filtres.getRecherche() != null && !filtres.getRecherche().trim().isEmpty()) { + String recherche = filtres.getRecherche().toLowerCase(); + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> (c.getNomMembre() != null && c.getNomMembre().toLowerCase().contains(recherche)) + || (c.getNumeroMembre() != null && c.getNumeroMembre().toLowerCase().contains(recherche)) + || (c.getNumeroReference() != null && c.getNumeroReference().toLowerCase().contains(recherche))) + .collect(Collectors.toList()); + } + + // Filtrer par montant + if (filtres.getMontantMin() != null) { + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> c.getMontantDu() != null && c.getMontantDu().compareTo(filtres.getMontantMin()) >= 0) + .collect(Collectors.toList()); + } + + if (filtres.getMontantMax() != null) { + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> c.getMontantDu() != null && c.getMontantDu().compareTo(filtres.getMontantMax()) <= 0) + .collect(Collectors.toList()); + } + + // Filtrer par méthode de paiement + if (filtres.getModePaiement() != null && !filtres.getModePaiement().isEmpty()) { + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> filtres.getModePaiement().equals(c.getMethodePaiement())) + .collect(Collectors.toList()); + } + + LOGGER.info("Filtres appliqués: " + cotisationsFiltrees.size() + " cotisation(s) trouvée(s)"); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'application des filtres: " + e.getMessage()); + cotisationsFiltrees = new ArrayList<>(); + } + } + + public void reinitialiserFiltres() { + this.filtres = new FiltresCotisations(); + chargerCotisations(); + appliquerFiltres(); + } + + /** + * Exporte les cotisations filtrées en CSV (compatible Excel) + */ + public void exporterExcel() { + try { + LOGGER.info("Export Excel de " + cotisationsFiltrees.size() + " cotisations"); + + if (cotisationsFiltrees.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucune cotisation à exporter")); + return; + } + + List ids = cotisationsFiltrees.stream() + .map(CotisationDTO::getId) + .filter(id -> id != null) + .collect(Collectors.toList()); + + byte[] csvData = exportService.exporterCotisationsSelectionneesCSV(ids); + + telechargerFichier(csvData, "cotisations-filtrees.csv", "text/csv"); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Export", + "Export de " + cotisationsFiltrees.size() + " cotisation(s) terminé")); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'export Excel: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'exporter: " + e.getMessage())); + } + } + + // Actions sur cotisations individuelles + + /** + * Enregistre un paiement pour une cotisation via le backend + */ + public void enregistrerPaiement(CotisationDTO cotisation) { + if (cotisation == null) { + return; + } + + try { + cotisation.setStatut("PAYEE"); + cotisation.setMontantPaye(cotisation.getMontantDu()); + cotisation.setDatePaiement(LocalDateTime.now()); + + cotisationService.modifier(cotisation.getId(), cotisation); + + chargerCotisations(); + chargerKPIs(); + appliquerFiltres(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Paiement enregistré")); + LOGGER.info("Paiement enregistré pour: " + cotisation.getNumeroMembre()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'enregistrement du paiement: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'enregistrer le paiement: " + e.getMessage())); + } + } + + /** + * Génère un reçu pour une cotisation + */ + public void genererRecu(CotisationDTO cotisation) { + if (cotisation == null || cotisation.getId() == null) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Cotisation invalide")); + return; + } + + try { + LOGGER.info("Génération reçu pour: " + cotisation.getNumeroMembre()); + + byte[] recu = exportService.genererRecu(cotisation.getId()); + + telechargerFichier(recu, "recu-" + cotisation.getNumeroReference() + ".txt", "text/plain"); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Reçu", + "Reçu généré pour " + cotisation.getNomMembre())); + } catch (Exception e) { + LOGGER.severe("Erreur génération reçu: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de générer le reçu: " + e.getMessage())); + } + } + + /** + * Envoie un rappel pour une cotisation + */ + public void envoyerRappel(CotisationDTO cotisation) { + if (cotisation == null || cotisation.getMembreId() == null) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Cotisation invalide")); + return; + } + + try { + LOGGER.info("Envoi rappel pour: " + cotisation.getNumeroMembre()); + + String message = "Rappel: Votre cotisation de " + formatMontant(cotisation.getMontantDu()) + + " est en attente de paiement."; + if (cotisation.getDateEcheance() != null) { + message += " Date d'échéance: " + cotisation.getDateEcheance().format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + notificationService.envoyerNotificationGroupe( + "RAPPEL_COTISATION", + "Rappel de cotisation", + message, + List.of(cotisation.getMembreId().toString()) + ); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Rappel", + "Rappel envoyé à " + cotisation.getNomMembre())); + } catch (Exception e) { + LOGGER.severe("Erreur envoi rappel: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer le rappel: " + e.getMessage())); + } + } + + /** + * Affiche les détails d'une cotisation + */ + public void voirDetails(CotisationDTO cotisation) { + // Navigation vers la page de détails + LOGGER.info("Affichage détails pour: " + cotisation.getNumeroMembre()); + } + + // Actions groupées + + /** + * Marque plusieurs cotisations comme payées via le backend + */ + public void marquerPayeesGroupees() { + if (cotisationsSelectionnees == null || cotisationsSelectionnees.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucune cotisation sélectionnée")); + return; + } + + try { + int compteur = 0; + for (CotisationDTO cotisation : cotisationsSelectionnees) { + cotisation.setStatut("PAYEE"); + cotisation.setMontantPaye(cotisation.getMontantDu()); + cotisation.setDatePaiement(LocalDateTime.now()); + cotisationService.modifier(cotisation.getId(), cotisation); + compteur++; + } + + chargerCotisations(); + chargerKPIs(); + appliquerFiltres(); + cotisationsSelectionnees.clear(); + calculerMontantTotalSelectionne(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + compteur + " cotisation(s) marquée(s) comme payée(s)")); + LOGGER.info("Marquage " + compteur + " cotisations comme payées"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du marquage groupé: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de marquer les cotisations: " + e.getMessage())); + } + } + + /** + * Envoie des relances groupées pour les cotisations sélectionnées + */ + public void envoyerRelancesGroupees() { + if (cotisationsSelectionnees == null || cotisationsSelectionnees.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucune cotisation sélectionnée")); + return; + } + + try { + LOGGER.info("Envoi relances pour " + cotisationsSelectionnees.size() + " cotisations"); + + List destinataires = cotisationsSelectionnees.stream() + .filter(c -> c.getMembreId() != null) + .map(c -> c.getMembreId().toString()) + .distinct() + .collect(Collectors.toList()); + + BigDecimal montantTotal = cotisationsSelectionnees.stream() + .map(c -> c.getMontantDu() != null ? c.getMontantDu() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + notificationService.envoyerNotificationGroupe( + "RAPPEL_COTISATION", + "Rappel de paiement", + "Vous avez des cotisations en attente de paiement. Montant: " + formatMontant(montantTotal), + destinataires + ); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Relances", + destinataires.size() + " relance(s) envoyée(s)")); + } catch (Exception e) { + LOGGER.severe("Erreur envoi relances groupées: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer les relances: " + e.getMessage())); + } + } + + /** + * Génère des reçus groupés pour les cotisations sélectionnées + */ + public void genererRecusGroupes() { + if (cotisationsSelectionnees == null || cotisationsSelectionnees.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucune cotisation sélectionnée")); + return; + } + + try { + LOGGER.info("Génération reçus pour " + cotisationsSelectionnees.size() + " cotisations"); + + List ids = cotisationsSelectionnees.stream() + .map(CotisationDTO::getId) + .filter(id -> id != null) + .collect(Collectors.toList()); + + byte[] recus = exportService.genererRecusGroupes(ids); + + telechargerFichier(recus, "recus-groupes.txt", "text/plain"); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Reçus", + cotisationsSelectionnees.size() + " reçu(s) généré(s)")); + } catch (Exception e) { + LOGGER.severe("Erreur génération reçus groupés: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de générer les reçus: " + e.getMessage())); + } + } + + /** + * Annule plusieurs cotisations via le backend + */ + public void annulerCotisationsGroupees() { + if (cotisationsSelectionnees == null || cotisationsSelectionnees.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucune cotisation sélectionnée")); + return; + } + + try { + int compteur = 0; + for (CotisationDTO cotisation : cotisationsSelectionnees) { + // Vérifier que la cotisation peut être annulée (pas payée) + if (!"PAYEE".equals(cotisation.getStatut())) { + cotisationService.supprimer(cotisation.getId()); + compteur++; + } + } + + chargerCotisations(); + chargerKPIs(); + appliquerFiltres(); + cotisationsSelectionnees.clear(); + calculerMontantTotalSelectionne(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + compteur + " cotisation(s) annulée(s)")); + LOGGER.info("Annulation " + compteur + " cotisations"); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'annulation groupée: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'annuler les cotisations: " + e.getMessage())); + } + } + + // Wave Money + + /** + * Lance les prélèvements Wave Money pour les cotisations en attente + */ + public void lancerPrelevements() { + try { + LOGGER.info("Lancement des prélèvements Wave Money"); + + // Récupérer les cotisations en attente avec Wave comme méthode + List cotisationsWave = cotisationsFiltrees.stream() + .filter(c -> "WAVE_MONEY".equals(c.getMethodePaiement()) || c.getMethodePaiement() == null) + .filter(c -> "EN_ATTENTE".equals(c.getStatut())) + .collect(Collectors.toList()); + + if (cotisationsWave.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Info", + "Aucune cotisation Wave en attente")); + return; + } + + int prelevementsLances = 0; + for (CotisationDTO cotisation : cotisationsWave) { + try { + // Créer une session de paiement Wave + String successUrl = "https://unionflow.lions.dev/paiement/succes?ref=" + cotisation.getNumeroReference(); + String errorUrl = "https://unionflow.lions.dev/paiement/echec?ref=" + cotisation.getNumeroReference(); + + WaveCheckoutSessionDTO session = waveService.creerSessionPaiement( + cotisation.getMontantDu(), + "XOF", + successUrl, + errorUrl, + cotisation.getNumeroReference(), + "Cotisation: " + cotisation.getTypeCotisation(), + cotisation.getAssociationId(), + cotisation.getMembreId() + ); + + if (session != null && session.getWaveSessionId() != null) { + // Mettre à jour la cotisation avec l'ID de session Wave + cotisation.setWaveSessionId(session.getWaveSessionId()); + cotisation.setMethodePaiement("WAVE_MONEY"); + cotisationService.modifier(cotisation.getId(), cotisation); + prelevementsLances++; + } + } catch (Exception e) { + LOGGER.warning("Erreur prélèvement Wave pour " + cotisation.getNumeroReference() + ": " + e.getMessage()); + } + } + + chargerCotisations(); + chargerKPIs(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Wave", + prelevementsLances + " prélèvement(s) Wave Money lancé(s)")); + } catch (Exception e) { + LOGGER.severe("Erreur lancement prélèvements Wave: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de lancer les prélèvements: " + e.getMessage())); + } + } + + /** + * Teste la connexion à l'API Wave Money + */ + public void testerAPIWave() { + try { + LOGGER.info("Test de l'API Wave Money"); + + Map result = waveService.testerConnexion(); + + if (result != null && Boolean.TRUE.equals(result.get("success"))) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Wave", + "Connexion Wave API réussie")); + } else { + String message = result != null ? String.valueOf(result.get("message")) : "Erreur inconnue"; + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Wave", + "Test Wave: " + message)); + } + } catch (Exception e) { + LOGGER.severe("Erreur test API Wave: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de tester l'API Wave: " + e.getMessage())); + } + } + + /** + * Affiche l'historique des prélèvements Wave + */ + public void voirHistoriquePrelevements() { + try { + LOGGER.info("Affichage historique des prélèvements"); + + // Filtrer pour afficher uniquement les cotisations Wave + cotisationsFiltrees = cotisationsFiltrees.stream() + .filter(c -> "WAVE_MONEY".equals(c.getMethodePaiement())) + .collect(Collectors.toList()); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Historique", + cotisationsFiltrees.size() + " paiement(s) Wave Money trouvé(s)")); + } catch (Exception e) { + LOGGER.severe("Erreur historique prélèvements: " + e.getMessage()); + } + } + + // Actions rapides + + // Méthodes pour les rappels (WOU/DRY) + public void envoyerRappelsGroupes() { + if (membresSelectionnes == null || membresSelectionnes.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Veuillez sélectionner au moins un membre")); + return; + } + try { + List membreIds = membresSelectionnes.stream() + .map(MembreEnRetard::getId) + .collect(Collectors.toList()); + cotisationService.envoyerRappelsGroupes(membreIds); + nombreRappelsEnvoyes += membreIds.size(); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + nombreRappelsEnvoyes + " rappels envoyés avec succès")); + chargerMembresEnRetard(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'envoi des rappels: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer les rappels: " + e.getMessage())); + } + } + + public void envoyerRappel(MembreEnRetard membre) { + try { + List membreIds = List.of(membre.getId()); + cotisationService.envoyerRappelsGroupes(membreIds); + nombreRappelsEnvoyes++; + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Rappel envoyé à " + membre.getNomComplet())); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'envoi du rappel: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer le rappel: " + e.getMessage())); + } + } + + private void chargerMembresEnRetard() { + try { + List cotisationsEnRetard = cotisationService.obtenirEnRetard(0, 1000); + membresEnRetard = new ArrayList<>(); + Map membresMap = new HashMap<>(); + + for (CotisationDTO cotisation : cotisationsEnRetard) { + UUID membreId = cotisation.getMembreId(); + MembreEnRetard membre = membresMap.get(membreId); + if (membre == null) { + membre = new MembreEnRetard(); + membre.setId(membreId); + membre.setNomComplet(cotisation.getNomMembre()); + membre.setNumeroMembre(cotisation.getNumeroMembre()); + membre.setMontantDu(BigDecimal.ZERO); + membre.setJoursRetard(0); + membresMap.put(membreId, membre); + } + membre.setMontantDu(membre.getMontantDu().add(cotisation.getMontantDu())); + if (cotisation.getDateEcheance() != null) { + long jours = java.time.temporal.ChronoUnit.DAYS.between( + cotisation.getDateEcheance(), + java.time.LocalDate.now()); + if (jours > membre.getJoursRetard()) { + membre.setJoursRetard((int) jours); + } + } + } + + membresEnRetard = new ArrayList<>(membresMap.values()); + nombreMembresEnRetard = membresEnRetard.size(); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des membres en retard: " + e.getMessage()); + membresEnRetard = new ArrayList<>(); + nombreMembresEnRetard = 0; + } + } + + // Méthodes pour les rapports (WOU/DRY) + public void genererRapport() { + LOGGER.info("Génération d'un rapport de cotisations"); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Rapport", + "Le rapport est en cours de génération")); + } + + public void genererRapportMensuel() { + try { + LOGGER.info("Génération rapport mensuel"); + + int annee = LocalDate.now().getYear(); + int mois = LocalDate.now().getMonthValue(); + + UUID associationId = null; + if (filtres.getOrganisation() != null && !filtres.getOrganisation().isEmpty()) { + try { + associationId = UUID.fromString(filtres.getOrganisation()); + } catch (IllegalArgumentException e) { + // Ignorer si pas un UUID valide + } + } + + byte[] rapport = exportService.genererRapportMensuel(annee, mois, associationId); + + telechargerFichier(rapport, "rapport-mensuel-" + annee + "-" + String.format("%02d", mois) + ".txt", "text/plain"); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Rapport", + "Rapport mensuel généré")); + } catch (Exception e) { + LOGGER.severe("Erreur génération rapport: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de générer le rapport: " + e.getMessage())); + } + } + + /** + * Configure les relances automatiques + */ + public void configurerRelancesAuto() { + LOGGER.info("Configuration relances automatiques"); + // Navigation vers la page de configuration + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Configuration", + "Ouvrez les paramètres d'administration pour configurer les relances automatiques")); + } + + /** + * Gère les types de cotisations + */ + public void gererTypesCotisations() { + LOGGER.info("Gestion des types de cotisations"); + // Navigation vers la page de gestion des types + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Types", + "Ouvrez les paramètres d'administration pour gérer les types de cotisations")); + } + + /** + * Télécharge un fichier via le navigateur + */ + private void telechargerFichier(byte[] data, String nomFichier, String contentType) { + try { + FacesContext fc = FacesContext.getCurrentInstance(); + ExternalContext ec = fc.getExternalContext(); + + ec.responseReset(); + ec.setResponseContentType(contentType + "; charset=UTF-8"); + ec.setResponseContentLength(data.length); + ec.setResponseHeader("Content-Disposition", "attachment; filename=\"" + nomFichier + "\""); + + OutputStream output = ec.getResponseOutputStream(); + output.write(data); + output.flush(); + + fc.responseComplete(); + } catch (Exception e) { + LOGGER.severe("Erreur téléchargement fichier: " + e.getMessage()); + throw new RuntimeException("Erreur lors du téléchargement", e); + } + } + + /** + * Retourne au tableau de bord + */ + public String tableauDeBord() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_DASHBOARD + "?faces-redirect=true"; + } + + /** + * Actualise toutes les données depuis le backend + */ + public void actualiser() { + chargerKPIs(); + chargerCotisations(); + chargerTopOrganisations(); + chargerRepartitionMethodes(); + appliquerFiltres(); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Actualisation", + "Données actualisées")); + } + + // Getters et Setters + + public String getPeriodeActuelle() { return periodeActuelle; } + public void setPeriodeActuelle(String periodeActuelle) { this.periodeActuelle = periodeActuelle; } + + public BigDecimal getTauxRecouvrement() { return tauxRecouvrement; } + public void setTauxRecouvrement(BigDecimal tauxRecouvrement) { this.tauxRecouvrement = tauxRecouvrement; } + + public int getTotalMembresActifs() { return totalMembresActifs; } + public void setTotalMembresActifs(int totalMembresActifs) { this.totalMembresActifs = totalMembresActifs; } + + public String getMontantCollecte() { return montantCollecte; } + public void setMontantCollecte(String montantCollecte) { this.montantCollecte = montantCollecte; } + + public String getObjectifMensuel() { return objectifMensuel; } + public void setObjectifMensuel(String objectifMensuel) { this.objectifMensuel = objectifMensuel; } + + public int getProgressionMensuelle() { return progressionMensuelle; } + public void setProgressionMensuelle(int progressionMensuelle) { this.progressionMensuelle = progressionMensuelle; } + + public String getMembresAJour() { return membresAJour; } + public void setMembresAJour(String membresAJour) { this.membresAJour = membresAJour; } + + public int getPourcentageMembresAJour() { return pourcentageMembresAJour; } + public void setPourcentageMembresAJour(int pourcentageMembresAJour) { this.pourcentageMembresAJour = pourcentageMembresAJour; } + + public String getMontantEnAttente() { return montantEnAttente; } + public void setMontantEnAttente(String montantEnAttente) { this.montantEnAttente = montantEnAttente; } + + public int getNombreCotisationsEnAttente() { return nombreCotisationsEnAttente; } + public void setNombreCotisationsEnAttente(int nombreCotisationsEnAttente) { this.nombreCotisationsEnAttente = nombreCotisationsEnAttente; } + + public String getMontantImpayes() { return montantImpayes; } + public void setMontantImpayes(String montantImpayes) { this.montantImpayes = montantImpayes; } + + public int getJoursRetardMoyen() { return joursRetardMoyen; } + public void setJoursRetardMoyen(int joursRetardMoyen) { this.joursRetardMoyen = joursRetardMoyen; } + + public String getRevenus2024() { return revenus2024; } + public void setRevenus2024(String revenus2024) { this.revenus2024 = revenus2024; } + + public String getCroissanceAnnuelle() { return croissanceAnnuelle; } + public void setCroissanceAnnuelle(String croissanceAnnuelle) { this.croissanceAnnuelle = croissanceAnnuelle; } + + public String getPrelevementsActifs() { return prelevementsActifs; } + public void setPrelevementsActifs(String prelevementsActifs) { this.prelevementsActifs = prelevementsActifs; } + + public String getMontantPrelevementsPrevu() { return montantPrelevementsPrevu; } + public void setMontantPrelevementsPrevu(String montantPrelevementsPrevu) { this.montantPrelevementsPrevu = montantPrelevementsPrevu; } + + public String getPeriodeGraphique() { return periodeGraphique; } + public void setPeriodeGraphique(String periodeGraphique) { this.periodeGraphique = periodeGraphique; } + + public List getTopOrganisations() { return topOrganisations; } + public void setTopOrganisations(List topOrganisations) { this.topOrganisations = topOrganisations; } + + public int getPaiementsWave() { return paiementsWave; } + public void setPaiementsWave(int paiementsWave) { this.paiementsWave = paiementsWave; } + + public int getPaiementsVirement() { return paiementsVirement; } + public void setPaiementsVirement(int paiementsVirement) { this.paiementsVirement = paiementsVirement; } + + public int getPaiementsEspeces() { return paiementsEspeces; } + public void setPaiementsEspeces(int paiementsEspeces) { this.paiementsEspeces = paiementsEspeces; } + + public FiltresCotisations getFiltres() { return filtres; } + public void setFiltres(FiltresCotisations filtres) { this.filtres = filtres; } + + public List getListeOrganisations() { return listeOrganisations; } + public void setListeOrganisations(List listeOrganisations) { this.listeOrganisations = listeOrganisations; } + + public List getCotisationsFiltrees() { return cotisationsFiltrees; } + public void setCotisationsFiltrees(List cotisationsFiltrees) { this.cotisationsFiltrees = cotisationsFiltrees; } + + public List getCotisationsSelectionnees() { return cotisationsSelectionnees; } + public void setCotisationsSelectionnees(List cotisationsSelectionnees) { + this.cotisationsSelectionnees = cotisationsSelectionnees; + calculerMontantTotalSelectionne(); + } + + public String getMontantTotalSelectionne() { return montantTotalSelectionne; } + public void setMontantTotalSelectionne(String montantTotalSelectionne) { this.montantTotalSelectionne = montantTotalSelectionne; } + + public int getMembresPrelevementActif() { return membresPrelevementActif; } + public void setMembresPrelevementActif(int membresPrelevementActif) { this.membresPrelevementActif = membresPrelevementActif; } + + public String getMontantPrelevementMensuel() { return montantPrelevementMensuel; } + public void setMontantPrelevementMensuel(String montantPrelevementMensuel) { this.montantPrelevementMensuel = montantPrelevementMensuel; } + + public String getProchainPrelevement() { return prochainPrelevement; } + public void setProchainPrelevement(String prochainPrelevement) { this.prochainPrelevement = prochainPrelevement; } + + public NouvelleCampagne getNouvelleCampagne() { return nouvelleCampagne; } + public void setNouvelleCampagne(NouvelleCampagne nouvelleCampagne) { this.nouvelleCampagne = nouvelleCampagne; } + + private void calculerMontantTotalSelectionne() { + if (cotisationsSelectionnees != null && !cotisationsSelectionnees.isEmpty()) { + BigDecimal total = cotisationsSelectionnees.stream() + .map(CotisationDTO::getMontantDu) + .filter(m -> m != null) + .reduce(BigDecimal.ZERO, BigDecimal::add); + this.montantTotalSelectionne = formatMontant(total); + } else { + this.montantTotalSelectionne = "0 FCFA"; + } + } + + // Classes internes pour les formulaires et données d'affichage + + /** + * Classe pour les filtres de recherche + */ + public static class FiltresCotisations implements Serializable { + private static final long serialVersionUID = 1L; + + private String organisation = ""; + private String periode = "MOIS"; + private String statut = ""; + private String type = ""; + private String recherche = ""; + private BigDecimal montantMin; + private BigDecimal montantMax; + private String retardJours = ""; + private String modePaiement = ""; + + // Getters et setters + public String getOrganisation() { return organisation; } + public void setOrganisation(String organisation) { this.organisation = organisation; } + + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getRecherche() { return recherche; } + public void setRecherche(String recherche) { this.recherche = recherche; } + + public BigDecimal getMontantMin() { return montantMin; } + public void setMontantMin(BigDecimal montantMin) { this.montantMin = montantMin; } + + public BigDecimal getMontantMax() { return montantMax; } + public void setMontantMax(BigDecimal montantMax) { this.montantMax = montantMax; } + + public String getRetardJours() { return retardJours; } + public void setRetardJours(String retardJours) { this.retardJours = retardJours; } + + public String getModePaiement() { return modePaiement; } + public void setModePaiement(String modePaiement) { this.modePaiement = modePaiement; } + } + + /** + * Classe pour représenter une organisation dans les filtres + */ + public static class Organisation implements Serializable { + private static final long serialVersionUID = 1L; + + private UUID id; + private String nom; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + } + + /** + * Classe pour les organisations performantes (top 5) + */ + public static class OrganisationPerformante implements Serializable { + private static final long serialVersionUID = 1L; + + private String nom; + private int tauxRecouvrement; + private String montantCollecte; + private int nombreMembresAJour; + private int totalMembres; + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public int getTauxRecouvrement() { return tauxRecouvrement; } + public void setTauxRecouvrement(int tauxRecouvrement) { this.tauxRecouvrement = tauxRecouvrement; } + + public String getMontantCollecte() { return montantCollecte; } + public void setMontantCollecte(String montantCollecte) { this.montantCollecte = montantCollecte; } + + public int getNombreMembresAJour() { return nombreMembresAJour; } + public void setNombreMembresAJour(int nombreMembresAJour) { this.nombreMembresAJour = nombreMembresAJour; } + + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + } + + /** + * Classe pour le formulaire de nouvelle campagne + */ + public static class NouvelleCampagne implements Serializable { + private static final long serialVersionUID = 1L; + + private String nom; + private String type; + private BigDecimal montant; + private LocalDate dateEcheance; + private String scope = "TOUTES"; + private String description; + private boolean relanceAutomatique = true; + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public String getScope() { return scope; } + public void setScope(String scope) { this.scope = scope; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public boolean isRelanceAutomatique() { return relanceAutomatique; } + public void setRelanceAutomatique(boolean relanceAutomatique) { this.relanceAutomatique = relanceAutomatique; } + } + + /** + * Méthode utilitaire pour obtenir les initiales d'un membre depuis CotisationDTO + */ + public String getInitialesMembre(CotisationDTO cotisation) { + if (cotisation == null || cotisation.getNomMembre() == null) { + return "??"; + } + return getInitiales(cotisation.getNomMembre()); + } + + // Getters et Setters pour les rappels (WOU/DRY) + public List getMembresEnRetard() { + if (membresEnRetard == null || membresEnRetard.isEmpty()) { + chargerMembresEnRetard(); + } + return membresEnRetard; + } + public void setMembresEnRetard(List membresEnRetard) { this.membresEnRetard = membresEnRetard; } + + public List getMembresSelectionnes() { return membresSelectionnes; } + public void setMembresSelectionnes(List membresSelectionnes) { this.membresSelectionnes = membresSelectionnes; } + + public int getNombreMembresEnRetard() { + if (nombreMembresEnRetard == 0 && (membresEnRetard == null || membresEnRetard.isEmpty())) { + chargerMembresEnRetard(); + } + return nombreMembresEnRetard; + } + public void setNombreMembresEnRetard(int nombreMembresEnRetard) { this.nombreMembresEnRetard = nombreMembresEnRetard; } + + public int getNombreRappelsEnvoyes() { return nombreRappelsEnvoyes; } + public void setNombreRappelsEnvoyes(int nombreRappelsEnvoyes) { this.nombreRappelsEnvoyes = nombreRappelsEnvoyes; } + + // Classe interne pour les membres en retard (WOU/DRY) + public static class MembreEnRetard { + private UUID id; + private String nomComplet; + private String numeroMembre; + private BigDecimal montantDu; + private int joursRetard; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNomComplet() { return nomComplet; } + public void setNomComplet(String nomComplet) { this.nomComplet = nomComplet; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public BigDecimal getMontantDu() { return montantDu; } + public void setMontantDu(BigDecimal montantDu) { this.montantDu = montantDu; } + + public int getJoursRetard() { return joursRetard; } + public void setJoursRetard(int joursRetard) { this.joursRetard = joursRetard; } + } +} diff --git a/src/main/java/dev/lions/unionflow/client/view/DashboardBean.java b/src/main/java/dev/lions/unionflow/client/view/DashboardBean.java new file mode 100644 index 0000000..fa61cb3 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/DashboardBean.java @@ -0,0 +1,673 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.service.AdhesionService; +import dev.lions.unionflow.client.service.AuditService; +import dev.lions.unionflow.client.service.CotisationService; +import dev.lions.unionflow.client.service.EvenementService; +import dev.lions.unionflow.client.service.MembreService; +import jakarta.annotation.PostConstruct; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.Date; +import java.util.List; +import java.util.Map; +import java.util.logging.Logger; + +@Named("dashboardBean") +@ViewScoped +public class DashboardBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(DashboardBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_MEMBRE_INSCRIPTION = "membreInscriptionPage"; + private static final String OUTCOME_COTISATION_PAIEMENT = "cotisationPaiementPage"; + private static final String OUTCOME_EVENEMENT_CREATION = "evenementCreationPage"; + private static final String OUTCOME_ADHESION_VALIDATION = "adhesionValidationPage"; + private static final String OUTCOME_COTISATION_RELANCES = "cotisationRelancesPage"; + private static final String OUTCOME_AIDE_TRAITEMENT = "aideTraitementPage"; + private static final String OUTCOME_EVENEMENT_GESTION = "evenementGestionPage"; + + @Inject + @RestClient + private MembreService membreService; + + @Inject + @RestClient + private CotisationService cotisationService; + + @Inject + @RestClient + private AdhesionService adhesionService; + + @Inject + @RestClient + private EvenementService evenementService; + + @Inject + @RestClient + private AuditService auditService; + + // Propriétés existantes + private int activeMembers = 0; + private String totalCotisations = "0"; + private int pendingAides = 0; + private int upcomingEvents = 0; + + // Nouvelles propriétés pour le dashboard enrichi + private int totalMembers = 0; + private String aidesDistribuees = "0"; + private int tauxParticipation = 0; + + // Propriétés pour les alertes + private int cotisationsRetard = 0; + private int adhesionsExpiration = 0; + private int demandesToTraiter = 0; + private int tachesFinaliser = 0; + + // Propriétés pour les évolutions + private int membresEvolutionPourcent = 0; + private int cotisationsEvolutionPourcent = 0; + private String objectifCotisations = "0"; + private int aidesApprouvees = 0; + private int membresParticipants = 0; + + // Propriétés pour le graphique + private String periodeGraph = "3M"; + private String filtreActivite = "ALL"; + + // Propriétés pour les cotisations + private int cotisationsAJour = 0; + private int cotisationsRetardPourcent = 0; + private int cotisationsImpayees = 0; + private int cotisationsAJourPourcent = 0; + private int cotisationsImpayeesPourcent = 0; + private int tauxCollecte = 0; + + // Propriétés pour les tâches prioritaires + private int adhesionsPendantes = 0; + private int aidesEnAttente = 0; + private int evenementsAPlanifier = 0; + + // Propriétés financières + private Date moisSelectionne = new Date(); + private String recettesMois = "0"; + private String depensesMois = "0"; + private String soldeMois = "0"; + private String tresorerie = "0"; + + // Date actuelle + private String currentDate; + + // Propriétés manquantes pour les barres de progression + private int tauxActivite = 0; + private int tauxObjectifCotisations = 0; + private int tauxAidesTraitees = 0; + private int tauxEngagement = 0; + private int tachesCompletees = 0; + private boolean hasAlerts = false; + + // Liste des activités récentes (chargées depuis le backend) + private List recentActivities; + + // Évolution financière (3 derniers mois) + private List evolutionFinanciere; + private int evolutionRecettesPourcent = 0; + private int evolutionDepensesPourcent = 0; + private String tendanceParticipation = "Stable"; + + public DashboardBean() { + this.currentDate = LocalDate.now().format(DateTimeFormatter.ofPattern("dd MMMM yyyy")); + this.evolutionFinanciere = new ArrayList<>(); + } + + @PostConstruct + public void init() { + chargerDonneesBackend(); + } + + /** + * Charge toutes les données depuis les services backend + */ + private void chargerDonneesBackend() { + LOGGER.info("Chargement des données du dashboard depuis le backend..."); + + try { + chargerStatistiquesMembres(); + chargerStatistiquesCotisations(); + chargerStatistiquesAdhesions(); + chargerStatistiquesEvenements(); + chargerActivitesRecentes(); + calculerIndicateurs(); + + LOGGER.info("Données du dashboard chargées avec succès"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement du dashboard: " + e.getMessage()); + } + } + + private void chargerStatistiquesMembres() { + try { + MembreService.StatistiquesMembreDTO statsMembres = membreService.obtenirStatistiques(); + + if (statsMembres != null) { + totalMembers = statsMembres.getTotalMembres() != null ? statsMembres.getTotalMembres().intValue() : 0; + activeMembers = statsMembres.getMembresActifs() != null ? statsMembres.getMembresActifs().intValue() : 0; + + // Evolution mensuelle (si disponible dans le DTO) + if (statsMembres.getNouveauxMembres30Jours() != null && totalMembers > 0) { + membresEvolutionPourcent = (statsMembres.getNouveauxMembres30Jours().intValue() * 100) / totalMembers; + } + + LOGGER.info("Stats membres chargées: Total=" + totalMembers + ", Actifs=" + activeMembers); + } + } catch (Exception e) { + LOGGER.warning("Impossible de charger les stats membres: " + e.getMessage()); + } + } + + private void chargerStatistiquesCotisations() { + try { + Map statsCotisations = cotisationService.obtenirStatistiques(); + + // Total collecté + Object totalCollecte = statsCotisations.get("totalCollecte"); + if (totalCollecte != null) { + BigDecimal montant = new BigDecimal(totalCollecte.toString()); + totalCotisations = String.format("%,d", montant.longValue()); + tresorerie = totalCotisations; // Approximation + } + + // Cotisations en retard + cotisationsRetard = ((Number) statsCotisations.getOrDefault("cotisationsEnRetard", 0)).intValue(); + cotisationsImpayees = ((Number) statsCotisations.getOrDefault("cotisationsImpayees", 0)).intValue(); + cotisationsAJour = ((Number) statsCotisations.getOrDefault("cotisationsAJour", 0)).intValue(); + + // Calculer pourcentage de retard + int totalCot = cotisationsAJour + cotisationsRetard + cotisationsImpayees; + if (totalCot > 0) { + cotisationsRetardPourcent = (cotisationsRetard * 100) / totalCot; + } + + LOGGER.info("Stats cotisations chargées: Total=" + totalCotisations); + } catch (Exception e) { + LOGGER.warning("Impossible de charger les stats cotisations: " + e.getMessage()); + } + } + + private void chargerStatistiquesAdhesions() { + try { + Map statsAdhesions = adhesionService.obtenirStatistiques(); + + adhesionsPendantes = ((Number) statsAdhesions.getOrDefault("adhesionsEnAttente", 0)).intValue(); + demandesToTraiter = adhesionsPendantes; // Alias + + LOGGER.info("Stats adhésions chargées: En attente=" + adhesionsPendantes); + } catch (Exception e) { + LOGGER.warning("Impossible de charger les stats adhésions: " + e.getMessage()); + } + } + + private void chargerStatistiquesEvenements() { + try { + // Compter les événements à venir via l'API de liste + Map evenementsAVenir = evenementService.listerAVenir(0, 100); + + if (evenementsAVenir != null && evenementsAVenir.containsKey("totalElements")) { + upcomingEvents = ((Number) evenementsAVenir.get("totalElements")).intValue(); + } + + LOGGER.info("Stats événements chargées: À venir=" + upcomingEvents); + } catch (Exception e) { + LOGGER.warning("Impossible de charger les stats événements: " + e.getMessage()); + } + } + + @SuppressWarnings("unchecked") + private void chargerActivitesRecentes() { + try { + // Récupérer les 10 derniers logs d'audit + Map resultat = auditService.listerTous(0, 10, "dateHeure", "DESC"); + recentActivities = new ArrayList<>(); + + if (resultat != null && resultat.containsKey("content")) { + List> logs = (List>) resultat.get("content"); + + for (Map logMap : logs) { + String typeAction = (String) logMap.get("typeAction"); + String description = (String) logMap.get("description"); + String details = (String) logMap.get("details"); + String utilisateur = (String) logMap.get("utilisateur"); + + Activity activity = new Activity( + LocalDateTime.now(), // Simplification - devrait parser la date + typeAction != null ? typeAction : "ACTION", + getSeverityFromAction(typeAction), + getIconFromAction(typeAction), + description != null ? description : typeAction, + details, + null, + utilisateur != null ? utilisateur : "Système", + "Utilisateur" + ); + recentActivities.add(activity); + } + } + + LOGGER.info("Activités récentes chargées: " + recentActivities.size()); + } catch (Exception e) { + LOGGER.warning("Impossible de charger les activités récentes: " + e.getMessage()); + recentActivities = new ArrayList<>(); + } + } + + private void calculerIndicateurs() { + // Calculer taux d'activité + if (totalMembers > 0 && activeMembers > 0) { + tauxActivite = (activeMembers * 100) / totalMembers; + } + + // Calculer taux de participation + tauxParticipation = tauxActivite; // Approximation + + // Calculer pourcentages de cotisations + int totalCot = cotisationsAJour + cotisationsRetard + cotisationsImpayees; + if (totalCot > 0) { + cotisationsAJourPourcent = (cotisationsAJour * 100) / totalCot; + cotisationsRetardPourcent = (cotisationsRetard * 100) / totalCot; + cotisationsImpayeesPourcent = (cotisationsImpayees * 100) / totalCot; + + // Taux de collecte = cotisations à jour + en retard + tauxCollecte = ((cotisationsAJour + cotisationsRetard) * 100) / totalCot; + } + + // Calculer évolution financière + calculerEvolutionFinanciere(); + + // Déterminer s'il y a des alertes + hasAlerts = (cotisationsRetard > 0 || adhesionsPendantes > 0 || demandesToTraiter > 0); + } + + private void calculerEvolutionFinanciere() { + evolutionFinanciere.clear(); + + try { + // Récupérer les statistiques des 3 derniers mois depuis le backend + LocalDate now = LocalDate.now(); + DateTimeFormatter formatter = DateTimeFormatter.ofPattern("MMMM yyyy"); + + for (int i = 2; i >= 0; i--) { + LocalDate mois = now.minusMonths(i); + String libelleMois = mois.format(formatter); + int annee = mois.getYear(); + int numeroMois = mois.getMonthValue(); + + // Appeler le backend pour obtenir les cotisations du mois + BigDecimal montant = BigDecimal.ZERO; + try { + List cotisations = + cotisationService.rechercher(null, "PAYEE", null, annee, numeroMois, 0, 10000); + + // Calculer le total des cotisations payées pour ce mois + montant = cotisations.stream() + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + LOGGER.info("Évolution financière: " + libelleMois + " = " + montant + " FCFA"); + } catch (Exception e) { + LOGGER.warning("Impossible de charger les cotisations pour " + libelleMois + ": " + e.getMessage()); + } + + evolutionFinanciere.add(new MoisFinancier(libelleMois, montant)); + } + + // Calculer tendances depuis les données réelles + if (evolutionFinanciere.size() >= 2) { + MoisFinancier dernierMois = evolutionFinanciere.get(evolutionFinanciere.size() - 1); + MoisFinancier avantDernierMois = evolutionFinanciere.get(evolutionFinanciere.size() - 2); + + if (avantDernierMois.getMontant().compareTo(BigDecimal.ZERO) > 0) { + BigDecimal diff = dernierMois.getMontant().subtract(avantDernierMois.getMontant()); + evolutionRecettesPourcent = diff.multiply(BigDecimal.valueOf(100)) + .divide(avantDernierMois.getMontant(), 0, java.math.RoundingMode.HALF_UP).intValue(); + } + } + + } catch (Exception e) { + LOGGER.warning("Erreur lors du calcul de l'évolution financière: " + e.getMessage()); + } + } + + private String getSeverityFromAction(String action) { + if (action == null) return "info"; + if (action.contains("ERREUR") || action.contains("ECHEC")) return "danger"; + if (action.contains("CREATION") || action.contains("PAIEMENT")) return "success"; + if (action.contains("MODIFICATION")) return "warning"; + return "info"; + } + + private String getIconFromAction(String action) { + if (action == null) return "pi pi-info-circle"; + if (action.contains("MEMBRE")) return "pi pi-user"; + if (action.contains("COTISATION") || action.contains("PAIEMENT")) return "pi pi-money-bill"; + if (action.contains("ADHESION")) return "pi pi-user-plus"; + if (action.contains("EVENEMENT")) return "pi pi-calendar"; + return "pi pi-info-circle"; + } + + // Getters et Setters complets + public int getActiveMembers() { return activeMembers; } + public void setActiveMembers(int activeMembers) { this.activeMembers = activeMembers; } + + public String getTotalCotisations() { return totalCotisations; } + public void setTotalCotisations(String totalCotisations) { this.totalCotisations = totalCotisations; } + + public int getPendingAides() { return pendingAides; } + public void setPendingAides(int pendingAides) { this.pendingAides = pendingAides; } + + public int getUpcomingEvents() { return upcomingEvents; } + public void setUpcomingEvents(int upcomingEvents) { this.upcomingEvents = upcomingEvents; } + + public int getTotalMembers() { return totalMembers; } + public void setTotalMembers(int totalMembers) { this.totalMembers = totalMembers; } + + public String getAidesDistribuees() { return aidesDistribuees; } + public void setAidesDistribuees(String aidesDistribuees) { this.aidesDistribuees = aidesDistribuees; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public int getCotisationsRetard() { return cotisationsRetard; } + public void setCotisationsRetard(int cotisationsRetard) { this.cotisationsRetard = cotisationsRetard; } + + public int getAdhesionsExpiration() { return adhesionsExpiration; } + public void setAdhesionsExpiration(int adhesionsExpiration) { this.adhesionsExpiration = adhesionsExpiration; } + + public int getDemandesToTraiter() { return demandesToTraiter; } + public void setDemandesToTraiter(int demandesToTraiter) { this.demandesToTraiter = demandesToTraiter; } + + public int getTachesFinaliser() { return tachesFinaliser; } + public void setTachesFinaliser(int tachesFinaliser) { this.tachesFinaliser = tachesFinaliser; } + + public int getMembresEvolutionPourcent() { return membresEvolutionPourcent; } + public void setMembresEvolutionPourcent(int membresEvolutionPourcent) { this.membresEvolutionPourcent = membresEvolutionPourcent; } + + public int getCotisationsEvolutionPourcent() { return cotisationsEvolutionPourcent; } + public void setCotisationsEvolutionPourcent(int cotisationsEvolutionPourcent) { this.cotisationsEvolutionPourcent = cotisationsEvolutionPourcent; } + + public String getObjectifCotisations() { return objectifCotisations; } + public void setObjectifCotisations(String objectifCotisations) { this.objectifCotisations = objectifCotisations; } + + public int getAidesApprouvees() { return aidesApprouvees; } + public void setAidesApprouvees(int aidesApprouvees) { this.aidesApprouvees = aidesApprouvees; } + + public int getMembresParticipants() { return membresParticipants; } + public void setMembresParticipants(int membresParticipants) { this.membresParticipants = membresParticipants; } + + public String getPeriodeGraph() { return periodeGraph; } + public void setPeriodeGraph(String periodeGraph) { this.periodeGraph = periodeGraph; } + + public String getFiltreActivite() { return filtreActivite; } + public void setFiltreActivite(String filtreActivite) { this.filtreActivite = filtreActivite; } + + public int getCotisationsAJour() { return cotisationsAJour; } + public void setCotisationsAJour(int cotisationsAJour) { this.cotisationsAJour = cotisationsAJour; } + + public int getCotisationsRetardPourcent() { return cotisationsRetardPourcent; } + public void setCotisationsRetardPourcent(int cotisationsRetardPourcent) { this.cotisationsRetardPourcent = cotisationsRetardPourcent; } + + public int getCotisationsImpayees() { return cotisationsImpayees; } + public void setCotisationsImpayees(int cotisationsImpayees) { this.cotisationsImpayees = cotisationsImpayees; } + + public int getAdhesionsPendantes() { return adhesionsPendantes; } + public void setAdhesionsPendantes(int adhesionsPendantes) { this.adhesionsPendantes = adhesionsPendantes; } + + public int getAidesEnAttente() { return aidesEnAttente; } + public void setAidesEnAttente(int aidesEnAttente) { this.aidesEnAttente = aidesEnAttente; } + + public int getEvenementsAPlanifier() { return evenementsAPlanifier; } + public void setEvenementsAPlanifier(int evenementsAPlanifier) { this.evenementsAPlanifier = evenementsAPlanifier; } + + public Date getMoisSelectionne() { return moisSelectionne; } + public void setMoisSelectionne(Date moisSelectionne) { this.moisSelectionne = moisSelectionne; } + + public String getRecettesMois() { return recettesMois; } + public void setRecettesMois(String recettesMois) { this.recettesMois = recettesMois; } + + public String getDepensesMois() { return depensesMois; } + public void setDepensesMois(String depensesMois) { this.depensesMois = depensesMois; } + + public String getSoldeMois() { return soldeMois; } + public void setSoldeMois(String soldeMois) { this.soldeMois = soldeMois; } + + public String getTresorerie() { return tresorerie; } + public void setTresorerie(String tresorerie) { this.tresorerie = tresorerie; } + + public String getCurrentDate() { return currentDate; } + public void setCurrentDate(String currentDate) { this.currentDate = currentDate; } + + public int getTauxActivite() { return tauxActivite; } + public void setTauxActivite(int tauxActivite) { this.tauxActivite = tauxActivite; } + + public int getTauxObjectifCotisations() { return tauxObjectifCotisations; } + public void setTauxObjectifCotisations(int tauxObjectifCotisations) { this.tauxObjectifCotisations = tauxObjectifCotisations; } + + public int getTauxAidesTraitees() { return tauxAidesTraitees; } + public void setTauxAidesTraitees(int tauxAidesTraitees) { this.tauxAidesTraitees = tauxAidesTraitees; } + + public int getTauxEngagement() { return tauxEngagement; } + public void setTauxEngagement(int tauxEngagement) { this.tauxEngagement = tauxEngagement; } + + public int getTachesCompletees() { return tachesCompletees; } + public void setTachesCompletees(int tachesCompletees) { this.tachesCompletees = tachesCompletees; } + + public boolean isHasAlerts() { return hasAlerts; } + public void setHasAlerts(boolean hasAlerts) { this.hasAlerts = hasAlerts; } + + public int getCotisationsAJourPourcent() { return cotisationsAJourPourcent; } + public void setCotisationsAJourPourcent(int cotisationsAJourPourcent) { this.cotisationsAJourPourcent = cotisationsAJourPourcent; } + + public int getCotisationsImpayeesPourcent() { return cotisationsImpayeesPourcent; } + public void setCotisationsImpayeesPourcent(int cotisationsImpayeesPourcent) { this.cotisationsImpayeesPourcent = cotisationsImpayeesPourcent; } + + public int getTauxCollecte() { return tauxCollecte; } + public void setTauxCollecte(int tauxCollecte) { this.tauxCollecte = tauxCollecte; } + + public List getEvolutionFinanciere() { return evolutionFinanciere; } + public void setEvolutionFinanciere(List evolutionFinanciere) { this.evolutionFinanciere = evolutionFinanciere; } + + public int getEvolutionRecettesPourcent() { return evolutionRecettesPourcent; } + public void setEvolutionRecettesPourcent(int evolutionRecettesPourcent) { this.evolutionRecettesPourcent = evolutionRecettesPourcent; } + + public int getEvolutionDepensesPourcent() { return evolutionDepensesPourcent; } + public void setEvolutionDepensesPourcent(int evolutionDepensesPourcent) { this.evolutionDepensesPourcent = evolutionDepensesPourcent; } + + public String getTendanceParticipation() { return tendanceParticipation; } + public void setTendanceParticipation(String tendanceParticipation) { this.tendanceParticipation = tendanceParticipation; } + + // Méthodes utilitaires pour l'affichage des tendances + public String getEvolutionRecettesIcon() { + return evolutionRecettesPourcent >= 0 ? "pi pi-arrow-up text-green-500" : "pi pi-arrow-down text-red-500"; + } + + public String getEvolutionRecettesPrefix() { + return evolutionRecettesPourcent >= 0 ? "+" : ""; + } + + public String getEvolutionDepensesIcon() { + return evolutionDepensesPourcent <= 0 ? "pi pi-arrow-down text-green-500" : "pi pi-arrow-up text-red-500"; + } + + public String getEvolutionDepensesPrefix() { + return evolutionDepensesPourcent >= 0 ? "+" : ""; + } + + // Méthodes pour les activités récentes + public List getRecentActivities() { + if (recentActivities == null) { + return new ArrayList<>(); + } + return recentActivities; + } + + public void actualiser() { + chargerDonneesBackend(); + } + + // Actions de navigation (WOU/DRY - utilisation de navigation outcomes) + public String redirectToNewMember() { + return OUTCOME_MEMBRE_INSCRIPTION + "?faces-redirect=true"; + } + + public String redirectToCotisation() { + return OUTCOME_COTISATION_PAIEMENT + "?faces-redirect=true"; + } + + public String redirectToEvenement() { + return OUTCOME_EVENEMENT_CREATION + "?faces-redirect=true"; + } + + public String redirectToAdhesionValidation() { + return OUTCOME_ADHESION_VALIDATION + "?faces-redirect=true"; + } + + public String redirectToRelances() { + return OUTCOME_COTISATION_RELANCES + "?faces-redirect=true"; + } + + public String redirectToAidesTraitement() { + return OUTCOME_AIDE_TRAITEMENT + "?faces-redirect=true"; + } + + public String redirectToEvenementPlanning() { + return OUTCOME_EVENEMENT_GESTION + "?faces-redirect=true"; + } + + public void generateRapport() { + // Logique de génération de rapport + } + + public void exportFinancialReport() { + // Logique d'export du rapport financier + } + + public void onMoisChange() { + // Logique de mise à jour lors du changement de mois + } + + // Classe interne pour les activités enrichie + public static class Activity implements Serializable { + private LocalDateTime date; + private String type; + private String severity; + private String icon; + private String titre; + private String description; + private String montant; + private String userNom; + private String userRole; + + public Activity(LocalDateTime date, String type, String severity, String icon, + String titre, String description, String montant, String userNom, String userRole) { + this.date = date; + this.type = type; + this.severity = severity; + this.icon = icon; + this.titre = titre; + this.description = description; + this.montant = montant; + this.userNom = userNom; + this.userRole = userRole; + } + + // Getters et setters + public LocalDateTime getDate() { return date; } + public void setDate(LocalDateTime date) { this.date = date; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getSeverity() { return severity; } + public void setSeverity(String severity) { this.severity = severity; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getMontant() { return montant; } + public void setMontant(String montant) { this.montant = montant; } + + public String getUserNom() { return userNom; } + public void setUserNom(String userNom) { this.userNom = userNom; } + + public String getUserRole() { return userRole; } + public void setUserRole(String userRole) { this.userRole = userRole; } + } + + /** + * Classe interne pour représenter les données financières d'un mois + */ + public static class MoisFinancier implements Serializable { + private static final long serialVersionUID = 1L; + private String libelle; + private BigDecimal montant; + private int hauteur; // Pour l'affichage visuel en pixels + + public MoisFinancier(String libelle, BigDecimal montant) { + this.libelle = libelle; + this.montant = montant != null ? montant : BigDecimal.ZERO; + // Calculer la hauteur proportionnelle (entre 40 et 120 pixels) + this.hauteur = calculerHauteur(this.montant); + } + + private int calculerHauteur(BigDecimal montant) { + if (montant.compareTo(BigDecimal.ZERO) == 0) { + return 40; // Hauteur minimale + } + // Normaliser entre 40 et 120 pixels + // On suppose un max de 10M FCFA pour l'échelle + BigDecimal maxRef = new BigDecimal("10000000"); + double ratio = montant.divide(maxRef, 4, java.math.RoundingMode.HALF_UP).doubleValue(); + int hauteur = 40 + (int)(ratio * 80); + return Math.min(Math.max(hauteur, 40), 120); // Entre 40 et 120 + } + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { + this.montant = montant; + this.hauteur = calculerHauteur(montant); + } + + public String getMontantFormatte() { + if (montant.compareTo(new BigDecimal("1000000")) >= 0) { + // Afficher en millions + BigDecimal millions = montant.divide(new BigDecimal("1000000"), 1, java.math.RoundingMode.HALF_UP); + return millions.toString() + "M FCFA"; + } else if (montant.compareTo(BigDecimal.ZERO) == 0) { + return "0 FCFA"; + } else { + return String.format("%,d FCFA", montant.longValue()); + } + } + + public int getHauteur() { return hauteur; } + public void setHauteur(int hauteur) { this.hauteur = hauteur; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/DemandesAideBean.java b/src/main/java/dev/lions/unionflow/client/view/DemandesAideBean.java new file mode 100644 index 0000000..ac1aa64 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/DemandesAideBean.java @@ -0,0 +1,711 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.DemandeAideDTO; +import dev.lions.unionflow.client.service.DemandeAideService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.stream.Collectors; +import java.math.BigDecimal; +import java.util.logging.Logger; +import java.util.Map; + +@Named("demandesAideBean") +@SessionScoped +public class DemandesAideBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(DemandesAideBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_DEMANDES_HISTORIQUE = "demandesHistoriquePage"; + + @Inject + @RestClient + private DemandeAideService demandeAideService; + + private List toutesLesDemandes; + private List demandesFiltrees; + private List demandesSelectionnees; + private List demandesPrioritaires; + private List etapesWorkflow; + private DemandeAide demandeSelectionnee; + private NouvelleDemande nouvelleDemande; + private Filtres filtres; + private StatistiquesDemandes statistiques; + + // Propriétés pour le dialogue de détails + private boolean dialogDetailsVisible; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeStatistiques(); + initializeDemandes(); + initializeNouvelleDemande(); + initializeDemandesPrioritaires(); + initializeEtapesWorkflow(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + demandesSelectionnees = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new StatistiquesDemandes(); + try { + List demandesDTO = demandeAideService.listerToutes(0, 1000); + statistiques.setTotalDemandes(demandesDTO.size()); + long enAttente = demandesDTO.stream().filter(d -> "EN_ATTENTE".equals(d.getStatut())).count(); + statistiques.setDemandesEnAttente((int) enAttente); + long approuvees = demandesDTO.stream().filter(d -> "APPROUVEE".equals(d.getStatut())).count(); + statistiques.setDemandesApprouvees((int) approuvees); + long rejetees = demandesDTO.stream().filter(d -> "REJETEE".equals(d.getStatut())).count(); + statistiques.setDemandesRejetees((int) rejetees); + BigDecimal montantTotal = demandesDTO.stream() + .filter(d -> d.getMontantAccorde() != null) + .map(DemandeAideDTO::getMontantAccorde) + .reduce(BigDecimal.ZERO, BigDecimal::add); + statistiques.setMontantTotalAide(montantTotal.toString() + " FCFA"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul des statistiques: " + e.getMessage()); + statistiques.setTotalDemandes(0); + statistiques.setDemandesEnAttente(0); + statistiques.setDemandesApprouvees(0); + statistiques.setDemandesRejetees(0); + statistiques.setMontantTotalAide("0 FCFA"); + } + } + + private void initializeEtapesWorkflow() { + etapesWorkflow = new ArrayList<>(); + + try { + // Charger toutes les demandes depuis le backend pour calculer les étapes + List demandesDTO = demandeAideService.listerToutes(0, 10000); + + // Calculer le nombre de demandes par statut depuis les données réelles + long enAttenteCount = demandesDTO.stream().filter(d -> "EN_ATTENTE".equals(d.getStatut())).count(); + long enEvaluationCount = demandesDTO.stream().filter(d -> "EN_EVALUATION".equals(d.getStatut())).count(); + long enVisiteCount = demandesDTO.stream().filter(d -> "EN_VISITE".equals(d.getStatut())).count(); + long enDecisionCount = demandesDTO.stream().filter(d -> "EN_DECISION".equals(d.getStatut())).count(); + long enVersementCount = demandesDTO.stream().filter(d -> "EN_VERSEMENT".equals(d.getStatut())).count(); + long enSuiviCount = demandesDTO.stream().filter(d -> "EN_SUIVI".equals(d.getStatut())).count(); + + // Créer les étapes workflow avec les nombres réels + EtapeWorkflow enAttente = new EtapeWorkflow(); + enAttente.setLibelle("En Attente"); + enAttente.setIcon("pi-clock"); + enAttente.setCouleur("orange-500"); + enAttente.setNombre((int) enAttenteCount); + etapesWorkflow.add(enAttente); + + EtapeWorkflow evaluation = new EtapeWorkflow(); + evaluation.setLibelle("Évaluation"); + evaluation.setIcon("pi-search"); + evaluation.setCouleur("blue-500"); + evaluation.setNombre((int) enEvaluationCount); + etapesWorkflow.add(evaluation); + + EtapeWorkflow visite = new EtapeWorkflow(); + visite.setLibelle("Visite"); + visite.setIcon("pi-home"); + visite.setCouleur("purple-500"); + visite.setNombre((int) enVisiteCount); + etapesWorkflow.add(visite); + + EtapeWorkflow decision = new EtapeWorkflow(); + decision.setLibelle("Décision"); + decision.setIcon("pi-check-circle"); + decision.setCouleur("yellow-500"); + decision.setNombre((int) enDecisionCount); + etapesWorkflow.add(decision); + + EtapeWorkflow versement = new EtapeWorkflow(); + versement.setLibelle("Versement"); + versement.setIcon("pi-dollar"); + versement.setCouleur("green-500"); + versement.setNombre((int) enVersementCount); + etapesWorkflow.add(versement); + + EtapeWorkflow suivi = new EtapeWorkflow(); + suivi.setLibelle("Suivi"); + suivi.setIcon("pi-chart-line"); + suivi.setCouleur("indigo-500"); + suivi.setNombre((int) enSuiviCount); + etapesWorkflow.add(suivi); + + LOGGER.info("Étapes workflow initialisées depuis les données backend"); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'initialisation des étapes workflow: " + e.getMessage()); + etapesWorkflow = new ArrayList<>(); + } + } + + private void initializeDemandes() { + toutesLesDemandes = new ArrayList<>(); + + try { + List demandesDTO = demandeAideService.listerToutes(0, 1000); + for (DemandeAideDTO dto : demandesDTO) { + DemandeAide demande = convertToDemandeAide(dto); + toutesLesDemandes.add(demande); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des demandes d'aide: " + e.getMessage()); + } + } + + private DemandeAide convertToDemandeAide(DemandeAideDTO dto) { + DemandeAide demande = new DemandeAide(); + demande.setId(dto.getId()); + demande.setDemandeur(dto.getDemandeur()); + demande.setTelephone(dto.getTelephone()); + demande.setEmail(dto.getEmail()); + demande.setType(dto.getType()); + demande.setStatut(dto.getStatut()); + demande.setUrgence(dto.getUrgence()); + demande.setLocalisation(dto.getLocalisation()); + demande.setMotif(dto.getMotif() != null ? dto.getMotif() : dto.getTitre()); + demande.setDescription(dto.getDescription()); + demande.setMontantDemande(dto.getMontantDemande()); + demande.setMontantAccorde(dto.getMontantAccorde()); + demande.setDateDemande(dto.getDateDemande()); + demande.setDateLimite(dto.getDateLimite()); + demande.setResponsableTraitement(dto.getResponsableTraitement()); + return demande; + } + + private void initializeDemandesPrioritaires() { + try { + List demandesDTO = demandeAideService.rechercher("EN_ATTENTE", null, "CRITIQUE", 0, 6); + demandesPrioritaires = demandesDTO.stream() + .map(this::convertToDemandeAide) + .filter(d -> !d.getStatut().equals("TERMINEE") && !d.getStatut().equals("REJETEE")) + .limit(6) + .collect(Collectors.toList()); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des demandes prioritaires: " + e.getMessage()); + demandesPrioritaires = new ArrayList<>(); + } + } + + private void initializeNouvelleDemande() { + nouvelleDemande = new NouvelleDemande(); + nouvelleDemande.setUrgence("NORMALE"); + nouvelleDemande.setDateLimite(LocalDate.now().plusWeeks(2)); + } + + private void appliquerFiltres() { + demandesFiltrees = toutesLesDemandes.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(DemandeAide demande) { + if (filtres.getDemandeur() != null && !filtres.getDemandeur().trim().isEmpty()) { + if (!demande.getDemandeur().toLowerCase().contains(filtres.getDemandeur().toLowerCase())) { + return false; + } + } + + if (filtres.getType() != null && !filtres.getType().trim().isEmpty()) { + if (!demande.getType().equals(filtres.getType())) { + return false; + } + } + + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!demande.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + if (filtres.getUrgence() != null && !filtres.getUrgence().trim().isEmpty()) { + if (!demande.getUrgence().equals(filtres.getUrgence())) { + return false; + } + } + + if (filtres.getLocalisation() != null && !filtres.getLocalisation().trim().isEmpty()) { + if (!demande.getLocalisation().toLowerCase().contains(filtres.getLocalisation().toLowerCase())) { + return false; + } + } + + if (filtres.getDateDebut() != null) { + if (demande.getDateDemande().isBefore(filtres.getDateDebut())) { + return false; + } + } + + if (filtres.getDateFin() != null) { + if (demande.getDateDemande().isAfter(filtres.getDateFin())) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public void creerDemande() { + DemandeAide nouvelleDem = new DemandeAide(); + nouvelleDem.setId(UUID.randomUUID()); + nouvelleDem.setDemandeur(nouvelleDemande.getDemandeur()); + nouvelleDem.setTelephone(nouvelleDemande.getTelephone()); + nouvelleDem.setEmail(nouvelleDemande.getEmail()); + nouvelleDem.setType(nouvelleDemande.getType()); + nouvelleDem.setLocalisation(nouvelleDemande.getLocalisation()); + nouvelleDem.setMontantDemande(nouvelleDemande.getMontantDemande()); + nouvelleDem.setUrgence(nouvelleDemande.getUrgence()); + nouvelleDem.setDateLimite(nouvelleDemande.getDateLimite()); + nouvelleDem.setMotif(nouvelleDemande.getMotif()); + nouvelleDem.setDescription(nouvelleDemande.getDescription()); + nouvelleDem.setStatut("EN_ATTENTE"); + nouvelleDem.setDateDemande(LocalDate.now()); + + toutesLesDemandes.add(nouvelleDem); + appliquerFiltres(); + initializeDemandesPrioritaires(); + + LOGGER.info("Nouvelle demande d'aide créée pour: " + nouvelleDem.getDemandeur()); + initializeNouvelleDemande(); + } + + public void approuverDemande() { + if (demandeSelectionnee != null) { + demandeSelectionnee.setStatut("APPROUVEE"); + if (demandeSelectionnee.getMontantAccorde() == null) { + demandeSelectionnee.setMontantAccorde(demandeSelectionnee.getMontantDemande().multiply(new BigDecimal("0.8"))); + } + LOGGER.info("Demande approuvée pour: " + demandeSelectionnee.getDemandeur()); + appliquerFiltres(); + initializeDemandesPrioritaires(); + } + } + + public void rejeterDemande() { + if (demandeSelectionnee != null) { + demandeSelectionnee.setStatut("REJETEE"); + LOGGER.info("Demande rejetée pour: " + demandeSelectionnee.getDemandeur()); + appliquerFiltres(); + initializeDemandesPrioritaires(); + } + } + + public String voirHistorique() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_DEMANDES_HISTORIQUE + "?id=" + demandeSelectionnee.getId() + "&faces-redirect=true"; + } + + public void envoyerNotification() { + LOGGER.info("Notification envoyée pour la demande de: " + demandeSelectionnee.getDemandeur()); + } + + // Méthodes pour la page de traitement (WOU/DRY - réutilisables) + public void approuver(DemandeAide demande) { + demandeSelectionnee = demande; + approuverDemande(); + } + + public void rejeter(DemandeAide demande) { + demandeSelectionnee = demande; + rejeterDemande(); + } + + public void voirDetails(DemandeAide demande) { + demandeSelectionnee = demande; + dialogDetailsVisible = true; + LOGGER.info("Affichage des détails de la demande: " + demande.getId()); + } + + public void fermerDialogDetails() { + dialogDetailsVisible = false; + demandeSelectionnee = null; + } + + public void actualiser() { + initializeDemandes(); + initializeStatistiques(); + appliquerFiltres(); + LOGGER.info("Données actualisées"); + } + + public void dupliquerDemande() { + if (demandeSelectionnee != null) { + DemandeAide copie = new DemandeAide(); + copie.setId(UUID.randomUUID()); + copie.setDemandeur(demandeSelectionnee.getDemandeur()); + copie.setTelephone(demandeSelectionnee.getTelephone()); + copie.setEmail(demandeSelectionnee.getEmail()); + copie.setType(demandeSelectionnee.getType()); + copie.setLocalisation(demandeSelectionnee.getLocalisation()); + copie.setMontantDemande(demandeSelectionnee.getMontantDemande()); + copie.setUrgence(demandeSelectionnee.getUrgence()); + copie.setMotif(demandeSelectionnee.getMotif() + " (Copie)"); + copie.setDescription(demandeSelectionnee.getDescription()); + copie.setStatut("EN_ATTENTE"); + copie.setDateDemande(LocalDate.now()); + + toutesLesDemandes.add(copie); + appliquerFiltres(); + LOGGER.info("Demande dupliquée pour: " + copie.getDemandeur()); + } + } + + public void exporterDemandes() { + LOGGER.info("Export de " + demandesFiltrees.size() + " demandes d'aide"); + } + + // Méthodes pour les graphiques (WOU/DRY) - Retirées car PrimeFaces ne supporte plus les charts + // Utiliser une bibliothèque JavaScript externe (Chart.js, ApexCharts, etc.) dans le XHTML + public Object getChartModelType() { + // Les graphiques sont gérés directement dans le XHTML avec des bibliothèques JavaScript + // Retourne les données pour un éventuel graphique client-side + return null; + } + + public Object getChartModelStatut() { + // Les graphiques sont gérés directement dans le XHTML avec des bibliothèques JavaScript + // Retourne les données pour un éventuel graphique client-side + return null; + } + + // Getters et Setters + public List getToutesLesDemandes() { return toutesLesDemandes; } + public void setToutesLesDemandes(List toutesLesDemandes) { this.toutesLesDemandes = toutesLesDemandes; } + + public List getDemandesFiltrees() { return demandesFiltrees; } + public void setDemandesFiltrees(List demandesFiltrees) { this.demandesFiltrees = demandesFiltrees; } + + public List getDemandesSelectionnees() { return demandesSelectionnees; } + public void setDemandesSelectionnees(List demandesSelectionnees) { this.demandesSelectionnees = demandesSelectionnees; } + + public List getDemandesPrioritaires() { return demandesPrioritaires; } + public void setDemandesPrioritaires(List demandesPrioritaires) { this.demandesPrioritaires = demandesPrioritaires; } + + public List getEtapesWorkflow() { return etapesWorkflow; } + public void setEtapesWorkflow(List etapesWorkflow) { this.etapesWorkflow = etapesWorkflow; } + + public DemandeAide getDemandeSelectionnee() { return demandeSelectionnee; } + public void setDemandeSelectionnee(DemandeAide demandeSelectionnee) { this.demandeSelectionnee = demandeSelectionnee; } + + public NouvelleDemande getNouvelleDemande() { return nouvelleDemande; } + public void setNouvelleDemande(NouvelleDemande nouvelleDemande) { this.nouvelleDemande = nouvelleDemande; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public StatistiquesDemandes getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesDemandes statistiques) { this.statistiques = statistiques; } + + public boolean isDialogDetailsVisible() { return dialogDetailsVisible; } + public void setDialogDetailsVisible(boolean dialogDetailsVisible) { this.dialogDetailsVisible = dialogDetailsVisible; } + + // Classes internes + public static class DemandeAide { + private UUID id; + private String demandeur; + private String telephone; + private String email; + private String type; + private String statut; + private String urgence; + private String localisation; + private String motif; + private String description; + private BigDecimal montantDemande; + private BigDecimal montantAccorde; + private LocalDate dateDemande; + private LocalDate dateLimite; + private String responsableTraitement; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getDemandeur() { return demandeur; } + public void setDemandeur(String demandeur) { this.demandeur = demandeur; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getUrgence() { return urgence; } + public void setUrgence(String urgence) { this.urgence = urgence; } + + public String getLocalisation() { return localisation; } + public void setLocalisation(String localisation) { this.localisation = localisation; } + + public String getMotif() { return motif; } + public void setMotif(String motif) { this.motif = motif; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public BigDecimal getMontantDemande() { return montantDemande; } + public void setMontantDemande(BigDecimal montantDemande) { this.montantDemande = montantDemande; } + + public BigDecimal getMontantAccorde() { return montantAccorde; } + public void setMontantAccorde(BigDecimal montantAccorde) { this.montantAccorde = montantAccorde; } + + public LocalDate getDateDemande() { return dateDemande; } + public void setDateDemande(LocalDate dateDemande) { this.dateDemande = dateDemande; } + + public LocalDate getDateLimite() { return dateLimite; } + public void setDateLimite(LocalDate dateLimite) { this.dateLimite = dateLimite; } + + public String getResponsableTraitement() { return responsableTraitement; } + public void setResponsableTraitement(String responsableTraitement) { this.responsableTraitement = responsableTraitement; } + + // Propriétés dérivées + public String getTypeLibelle() { + return switch (type) { + case "AIDE_MEDICALE" -> "Aide Médicale"; + case "AIDE_ALIMENTAIRE" -> "Aide Alimentaire"; + case "AIDE_EDUCATIVE" -> "Aide Éducative"; + case "AIDE_LOGEMENT" -> "Aide Logement"; + case "AIDE_URGENCE" -> "Aide d'Urgence"; + default -> type; + }; + } + + public String getTypeSeverity() { + return switch (type) { + case "AIDE_MEDICALE" -> "danger"; + case "AIDE_ALIMENTAIRE" -> "warning"; + case "AIDE_EDUCATIVE" -> "info"; + case "AIDE_LOGEMENT" -> "secondary"; + case "AIDE_URGENCE" -> "primary"; + default -> "primary"; + }; + } + + public String getTypeIcon() { + return switch (type) { + case "AIDE_MEDICALE" -> "pi-heart"; + case "AIDE_ALIMENTAIRE" -> "pi-shopping-cart"; + case "AIDE_EDUCATIVE" -> "pi-book"; + case "AIDE_LOGEMENT" -> "pi-home"; + case "AIDE_URGENCE" -> "pi-exclamation-triangle"; + default -> "pi-question"; + }; + } + + public String getStatutLibelle() { + return switch (statut) { + case "EN_ATTENTE" -> "En Attente"; + case "EN_EVALUATION" -> "En Évaluation"; + case "APPROUVEE" -> "Approuvée"; + case "REJETEE" -> "Rejetée"; + case "EN_COURS" -> "En Cours"; + case "TERMINEE" -> "Terminée"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "EN_ATTENTE" -> "warning"; + case "EN_EVALUATION" -> "info"; + case "APPROUVEE" -> "success"; + case "REJETEE" -> "danger"; + case "EN_COURS" -> "primary"; + case "TERMINEE" -> "secondary"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "EN_ATTENTE" -> "pi-clock"; + case "EN_EVALUATION" -> "pi-search"; + case "APPROUVEE" -> "pi-check"; + case "REJETEE" -> "pi-times"; + case "EN_COURS" -> "pi-play"; + case "TERMINEE" -> "pi-check-circle"; + default -> "pi-circle"; + }; + } + + public String getUrgenceSeverity() { + return switch (urgence) { + case "FAIBLE" -> "secondary"; + case "NORMALE" -> "info"; + case "ELEVEE" -> "warning"; + case "CRITIQUE" -> "danger"; + default -> "primary"; + }; + } + + public String getDateDemandeFormatee() { + if (dateDemande == null) return ""; + return dateDemande.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getMontantDemandeFormatte() { + if (montantDemande == null) return ""; + return String.format("%,.0f FCFA", montantDemande); + } + + public String getMontantAccordeFormatte() { + if (montantAccorde == null) return ""; + return String.format("%,.0f FCFA", montantAccorde); + } + + public long getJoursDepuisDemande() { + if (dateDemande == null) return 0; + return ChronoUnit.DAYS.between(dateDemande, LocalDate.now()); + } + } + + public static class NouvelleDemande { + private String demandeur; + private String telephone; + private String email; + private String type; + private String localisation; + private BigDecimal montantDemande; + private String urgence; + private LocalDate dateLimite; + private String motif; + private String description; + + // Getters et setters + public String getDemandeur() { return demandeur; } + public void setDemandeur(String demandeur) { this.demandeur = demandeur; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getLocalisation() { return localisation; } + public void setLocalisation(String localisation) { this.localisation = localisation; } + + public BigDecimal getMontantDemande() { return montantDemande; } + public void setMontantDemande(BigDecimal montantDemande) { this.montantDemande = montantDemande; } + + public String getUrgence() { return urgence; } + public void setUrgence(String urgence) { this.urgence = urgence; } + + public LocalDate getDateLimite() { return dateLimite; } + public void setDateLimite(LocalDate dateLimite) { this.dateLimite = dateLimite; } + + public String getMotif() { return motif; } + public void setMotif(String motif) { this.motif = motif; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + } + + public static class Filtres { + private String demandeur; + private String type; + private String statut; + private String urgence; + private String localisation; + private LocalDate dateDebut; + private LocalDate dateFin; + + // Getters et setters + public String getDemandeur() { return demandeur; } + public void setDemandeur(String demandeur) { this.demandeur = demandeur; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getUrgence() { return urgence; } + public void setUrgence(String urgence) { this.urgence = urgence; } + + public String getLocalisation() { return localisation; } + public void setLocalisation(String localisation) { this.localisation = localisation; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + } + + public static class StatistiquesDemandes { + private int totalDemandes; + private int demandesEnAttente; + private int demandesApprouvees; + private int demandesRejetees; + private String montantTotalAide; + + // Getters et setters + public int getTotalDemandes() { return totalDemandes; } + public void setTotalDemandes(int totalDemandes) { this.totalDemandes = totalDemandes; } + + public int getDemandesEnAttente() { return demandesEnAttente; } + public void setDemandesEnAttente(int demandesEnAttente) { this.demandesEnAttente = demandesEnAttente; } + + public int getDemandesApprouvees() { return demandesApprouvees; } + public void setDemandesApprouvees(int demandesApprouvees) { this.demandesApprouvees = demandesApprouvees; } + + public int getDemandesRejetees() { return demandesRejetees; } + public void setDemandesRejetees(int demandesRejetees) { this.demandesRejetees = demandesRejetees; } + + public String getMontantTotalAide() { return montantTotalAide; } + public void setMontantTotalAide(String montantTotalAide) { this.montantTotalAide = montantTotalAide; } + } + + public static class EtapeWorkflow { + private String libelle; + private String icon; + private String couleur; + private int nombre; + + // Getters et setters + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public int getNombre() { return nombre; } + public void setNombre(int nombre) { this.nombre = nombre; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/DemandesBean.java b/src/main/java/dev/lions/unionflow/client/view/DemandesBean.java new file mode 100644 index 0000000..63c6a16 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/DemandesBean.java @@ -0,0 +1,478 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.stream.Collectors; +import java.util.logging.Logger; + +@Named("demandeBean") +@SessionScoped +public class DemandesBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(DemandesBean.class.getName()); + + private List demandes; + private List selectedDemandes; + private List demandesUrgentes; + private List dernieresDemandes; + private List gestionnairesDisponibles; + private Membre membreDemandeur; + private NouvelleDemande nouvelleDemande; + private Demande demandeSelectionnee; + + // Filtres + private String searchFilter; + private String statutFilter; + private String typeFilter; + private String prioriteFilter; + private LocalDate dateFilter; + + // Assignation en lot + private UUID gestionnaireAssignation; + private String commentaireAssignation; + + // Statistiques + private int enAttente = 0; + private int urgentes = 0; + private int traitees = 0; + private int delaiMoyenTraitement = 0; + + @PostConstruct + public void init() { + initializeDemandes(); + initializeGestionnaires(); + initializeNouvelleDemande(); + calculerStatistiques(); + selectedDemandes = new ArrayList<>(); + } + + private void initializeDemandes() { + demandes = new ArrayList<>(); + // TODO: Charger depuis le backend via DemandeAideService + // Pour l'instant, liste vide - les données viendront du backend + } + + private void calculerStatistiques() { + if (demandes == null || demandes.isEmpty()) { + enAttente = 0; + urgentes = 0; + traitees = 0; + delaiMoyenTraitement = 0; + return; + } + + // Calculer depuis les données réelles + enAttente = (int) demandes.stream() + .filter(d -> "EN_ATTENTE".equals(d.getStatut())) + .count(); + + urgentes = (int) demandes.stream() + .filter(d -> "URGENTE".equals(d.getPriorite())) + .count(); + + traitees = (int) demandes.stream() + .filter(d -> "APPROUVEE".equals(d.getStatut()) || "REJETEE".equals(d.getStatut())) + .count(); + + // Calculer le délai moyen de traitement + long totalJours = demandes.stream() + .filter(d -> d.getDateDepot() != null && "APPROUVEE".equals(d.getStatut())) + .mapToLong(d -> ChronoUnit.DAYS.between(d.getDateDepot(), LocalDate.now())) + .sum(); + long countTraitees = demandes.stream() + .filter(d -> d.getDateDepot() != null && "APPROUVEE".equals(d.getStatut())) + .count(); + delaiMoyenTraitement = countTraitees > 0 ? (int) (totalJours / countTraitees) : 0; + + // Initialiser les sous-listes + demandesUrgentes = demandes.stream() + .filter(d -> "URGENTE".equals(d.getPriorite()) || "EN_ATTENTE".equals(d.getStatut())) + .limit(3) + .collect(Collectors.toList()); + + dernieresDemandes = demandes.stream() + .sorted((d1, d2) -> { + if (d1.getDateDepot() == null) return 1; + if (d2.getDateDepot() == null) return -1; + return d2.getDateDepot().compareTo(d1.getDateDepot()); + }) + .limit(4) + .collect(Collectors.toList()); + } + + private void initializeGestionnaires() { + gestionnairesDisponibles = new ArrayList<>(); + gestionnairesDisponibles.add(new Gestionnaire(UUID.fromString("00000000-0000-0000-0000-000000000500"), "Marie Gestionnaire")); + gestionnairesDisponibles.add(new Gestionnaire(UUID.fromString("00000000-0000-0000-0000-000000000600"), "Paul Superviseur")); + gestionnairesDisponibles.add(new Gestionnaire(UUID.fromString("00000000-0000-0000-0000-000000000700"), "Fatou Responsable")); + } + + private void initializeNouvelleDemande() { + nouvelleDemande = new NouvelleDemande(); + nouvelleDemande.setPriorite("NORMALE"); + nouvelleDemande.setDateEcheance(LocalDate.now().plusWeeks(2)); + } + + public List rechercherMembres(String query) { + List resultats = new ArrayList<>(); + + String[] noms = {"Marie Kouassi", "Paul Traoré", "Fatou Sanogo", "Jean Ouattara", "Aissata Koné"}; + for (int i = 0; i < noms.length; i++) { + if (noms[i].toLowerCase().contains(query.toLowerCase())) { + Membre membre = new Membre(); + membre.setId(UUID.fromString(String.format("00000000-0000-0000-0000-%012d", i + 1))); + membre.setNomComplet(noms[i]); + membre.setNumeroMembre("M" + String.format("%06d", 1000 + i)); + resultats.add(membre); + } + } + + return resultats; + } + + // Actions + public void voirDemande(Demande demande) { + this.demandeSelectionnee = demande; + LOGGER.info("Voir demande: " + demande.getObjet()); + } + + public void traiterDemande(Demande demande) { + demande.setStatut("EN_COURS"); + LOGGER.info("Traitement demande: " + demande.getObjet()); + } + + public void approuverDemande(Demande demande) { + demande.setStatut("APPROUVEE"); + LOGGER.info("Demande approuvée: " + demande.getObjet()); + } + + public void rejeterDemande(Demande demande) { + demande.setStatut("REJETEE"); + LOGGER.info("Demande rejetée: " + demande.getObjet()); + } + + public void assignerDemande(Demande demande) { + LOGGER.info("Assigner demande: " + demande.getObjet()); + } + + public void voirPiecesJointes(Demande demande) { + LOGGER.info("Voir pièces jointes: " + demande.getObjet()); + } + + public void creerDemande() { + LOGGER.info("Créer nouvelle demande: " + nouvelleDemande.getObjet()); + initializeNouvelleDemande(); + } + + public void effectuerAssignationLot() { + LOGGER.info("Assignation en lot à gestionnaire ID: " + gestionnaireAssignation); + } + + public void marquerTraitees() { + selectedDemandes.forEach(d -> d.setStatut("TRAITEE")); + LOGGER.info("Marquées comme traitées: " + selectedDemandes.size()); + } + + public void exporterSelection() { + LOGGER.info("Export de " + selectedDemandes.size() + " demandes"); + } + + public void exporterDemandes() { + LOGGER.info("Export de toutes les demandes"); + } + + public void actualiser() { + LOGGER.info("Actualisation des données"); + initializeDemandes(); + calculerStatistiques(); + } + + public void filtrerUrgentes() { + LOGGER.info("Filtrer les demandes urgentes"); + } + + // Getters et Setters + public List getDemandes() { return demandes; } + public void setDemandes(List demandes) { this.demandes = demandes; } + + public List getSelectedDemandes() { return selectedDemandes; } + public void setSelectedDemandes(List selectedDemandes) { this.selectedDemandes = selectedDemandes; } + + public List getDemandesUrgentes() { return demandesUrgentes; } + public void setDemandesUrgentes(List demandesUrgentes) { this.demandesUrgentes = demandesUrgentes; } + + public List getDernieresDemandes() { return dernieresDemandes; } + public void setDernieresDemandes(List dernieresDemandes) { this.dernieresDemandes = dernieresDemandes; } + + public List getGestionnairesDisponibles() { return gestionnairesDisponibles; } + public void setGestionnairesDisponibles(List gestionnairesDisponibles) { this.gestionnairesDisponibles = gestionnairesDisponibles; } + + public Membre getMembreDemandeur() { return membreDemandeur; } + public void setMembreDemandeur(Membre membreDemandeur) { this.membreDemandeur = membreDemandeur; } + + public NouvelleDemande getNouvelleDemande() { return nouvelleDemande; } + public void setNouvelleDemande(NouvelleDemande nouvelleDemande) { this.nouvelleDemande = nouvelleDemande; } + + public String getSearchFilter() { return searchFilter; } + public void setSearchFilter(String searchFilter) { this.searchFilter = searchFilter; } + + public String getStatutFilter() { return statutFilter; } + public void setStatutFilter(String statutFilter) { this.statutFilter = statutFilter; } + + public String getTypeFilter() { return typeFilter; } + public void setTypeFilter(String typeFilter) { this.typeFilter = typeFilter; } + + public String getPrioriteFilter() { return prioriteFilter; } + public void setPrioriteFilter(String prioriteFilter) { this.prioriteFilter = prioriteFilter; } + + public LocalDate getDateFilter() { return dateFilter; } + public void setDateFilter(LocalDate dateFilter) { this.dateFilter = dateFilter; } + + public UUID getGestionnaireAssignation() { return gestionnaireAssignation; } + public void setGestionnaireAssignation(UUID gestionnaireAssignation) { this.gestionnaireAssignation = gestionnaireAssignation; } + + public String getCommentaireAssignation() { return commentaireAssignation; } + public void setCommentaireAssignation(String commentaireAssignation) { this.commentaireAssignation = commentaireAssignation; } + + public int getEnAttente() { return enAttente; } + public void setEnAttente(int enAttente) { this.enAttente = enAttente; } + + public int getUrgentes() { return urgentes; } + public void setUrgentes(int urgentes) { this.urgentes = urgentes; } + + public int getTraitees() { return traitees; } + public void setTraitees(int traitees) { this.traitees = traitees; } + + public int getDelaiMoyenTraitement() { return delaiMoyenTraitement; } + public void setDelaiMoyenTraitement(int delaiMoyenTraitement) { this.delaiMoyenTraitement = delaiMoyenTraitement; } + + public Demande getDemandeSelectionnee() { return demandeSelectionnee; } + public void setDemandeSelectionnee(Demande demandeSelectionnee) { this.demandeSelectionnee = demandeSelectionnee; } + + // Classes internes + public static class Demande { + private UUID id; + private String reference; + private String objet; + private String type; + private String statut; + private String priorite; + private String nomDemandeur; + private String numeroMembre; + private String telephoneDemandeur; + private LocalDate dateDepot; + private LocalDate dateEcheance; + private String heureDepot; + private String assigneA; + private String demandeur; + private boolean hasPiecesJointes = false; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getReference() { return reference; } + public void setReference(String reference) { this.reference = reference; } + + public String getObjet() { return objet; } + public void setObjet(String objet) { this.objet = objet; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public String getNomDemandeur() { return nomDemandeur; } + public void setNomDemandeur(String nomDemandeur) { this.nomDemandeur = nomDemandeur; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getTelephoneDemandeur() { return telephoneDemandeur; } + public void setTelephoneDemandeur(String telephoneDemandeur) { this.telephoneDemandeur = telephoneDemandeur; } + + public LocalDate getDateDepot() { return dateDepot; } + public void setDateDepot(LocalDate dateDepot) { this.dateDepot = dateDepot; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public String getHeureDepot() { return heureDepot; } + public void setHeureDepot(String heureDepot) { this.heureDepot = heureDepot; } + + public String getAssigneA() { return assigneA; } + public void setAssigneA(String assigneA) { this.assigneA = assigneA; } + + public String getDemandeur() { return demandeur != null ? demandeur : nomDemandeur; } + public void setDemandeur(String demandeur) { this.demandeur = demandeur; } + + public boolean isHasPiecesJointes() { return hasPiecesJointes; } + public void setHasPiecesJointes(boolean hasPiecesJointes) { this.hasPiecesJointes = hasPiecesJointes; } + + // Propriétés dérivées + public String getNomCompletDemandeur() { return nomDemandeur; } + public String getInitialesDemandeur() { + if (nomDemandeur == null) return "??"; + String[] parts = nomDemandeur.split(" "); + return parts.length >= 2 ? parts[0].substring(0,1) + parts[1].substring(0,1) : nomDemandeur.substring(0, Math.min(2, nomDemandeur.length())); + } + + public String getTypeIcon() { + return switch (type) { + case "ADHESION" -> "pi-user-plus"; + case "AIDE_FINANCIERE" -> "pi-money-bill"; + case "CERTIFICAT" -> "pi-file"; + case "MUTATION" -> "pi-arrow-right-arrow-left"; + case "RECLAMATION" -> "pi-exclamation-triangle"; + default -> "pi-question"; + }; + } + + public String getTypeColorClass() { + return switch (type) { + case "ADHESION" -> "bg-blue-500"; + case "AIDE_FINANCIERE" -> "bg-green-500"; + case "CERTIFICAT" -> "bg-purple-500"; + case "MUTATION" -> "bg-orange-500"; + case "RECLAMATION" -> "bg-red-500"; + default -> "bg-gray-500"; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "EN_ATTENTE" -> "warning"; + case "EN_COURS" -> "info"; + case "APPROUVEE" -> "success"; + case "REJETEE" -> "danger"; + case "URGENTE" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "EN_ATTENTE" -> "pi-clock"; + case "EN_COURS" -> "pi-spin pi-spinner"; + case "APPROUVEE" -> "pi-check"; + case "REJETEE" -> "pi-times"; + case "URGENTE" -> "pi-exclamation-triangle"; + default -> "pi-circle"; + }; + } + + public String getPrioriteSeverity() { + return switch (priorite) { + case "URGENTE" -> "danger"; + case "HAUTE" -> "warning"; + case "NORMALE" -> "info"; + case "BASSE" -> "secondary"; + default -> "primary"; + }; + } + + public String getPrioriteIcon() { + return switch (priorite) { + case "URGENTE" -> "pi-exclamation-triangle"; + case "HAUTE" -> "pi-arrow-up"; + case "NORMALE" -> "pi-minus"; + case "BASSE" -> "pi-arrow-down"; + default -> "pi-circle"; + }; + } + + public String getDateDepotRelative() { + if (dateDepot == null) return ""; + long jours = ChronoUnit.DAYS.between(dateDepot, LocalDate.now()); + if (jours == 0) return "aujourd'hui"; + if (jours == 1) return "hier"; + return "il y a " + jours + " jours"; + } + + public String getEcheanceClass() { + if (dateEcheance == null) return ""; + long jours = ChronoUnit.DAYS.between(LocalDate.now(), dateEcheance); + if (jours < 0) return "text-red-500 font-bold"; + if (jours <= 3) return "text-orange-500 font-bold"; + return "text-600"; + } + } + + public static class Membre { + private UUID id; + private String nomComplet; + private String numeroMembre; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNomComplet() { return nomComplet; } + public void setNomComplet(String nomComplet) { this.nomComplet = nomComplet; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getInitiales() { + if (nomComplet == null) return "??"; + String[] parts = nomComplet.split(" "); + return parts.length >= 2 ? parts[0].substring(0,1) + parts[1].substring(0,1) : nomComplet.substring(0, Math.min(2, nomComplet.length())); + } + } + + public static class NouvelleDemande { + private String objet; + private String type; + private String priorite; + private String description; + private LocalDate dateEcheance; + private UUID assigneA; + + public String getObjet() { return objet; } + public void setObjet(String objet) { this.objet = objet; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public UUID getAssigneA() { return assigneA; } + public void setAssigneA(UUID assigneA) { this.assigneA = assigneA; } + } + + public static class Gestionnaire { + private UUID id; + private String nom; + + public Gestionnaire() {} + + public Gestionnaire(UUID id, String nom) { + this.id = id; + this.nom = nom; + } + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/DocumentsBean.java b/src/main/java/dev/lions/unionflow/client/view/DocumentsBean.java new file mode 100644 index 0000000..70a59e6 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/DocumentsBean.java @@ -0,0 +1,636 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; +import java.util.stream.Collectors; + +@Named("documentsBean") +@SessionScoped +public class DocumentsBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(DocumentsBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_DOCUMENTS_VERSIONS = "documentsVersionsPage"; + + private List tousLesDocuments; + private List documentsFiltres; + private List documentsSelectionnes; + private List dossiersAffichage; + private List dossiersDisponibles; + private List cheminNavigation; + + private Document documentSelectionne; + private Dossier dossierSelectionne; + private NouveauDocument nouveauDocument; + private Filtres filtres; + private StatistiquesDocuments statistiques; + + private String modeAffichage = "GRID"; // GRID ou LIST + private UUID dossierActuelId; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeStatistiques(); + initializeDossiers(); + initializeDocuments(); + initializeNouveauDocument(); + initializeNavigation(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + documentsSelectionnes = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new StatistiquesDocuments(); + try { + // Les statistiques seront calculées depuis les documents réels + // Pour l'instant, initialiser avec des valeurs par défaut + statistiques.setTotalDocuments(tousLesDocuments != null ? tousLesDocuments.size() : 0); + statistiques.setTotalDossiers(dossiersDisponibles != null ? dossiersDisponibles.size() : 0); + statistiques.setEspaceUtilise("0 GB"); + statistiques.setPartagesMois(0); + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul des statistiques: " + e.getMessage()); + statistiques.setTotalDocuments(0); + statistiques.setTotalDossiers(0); + statistiques.setEspaceUtilise("0 GB"); + statistiques.setPartagesMois(0); + } + } + + private void initializeDossiers() { + dossiersAffichage = new ArrayList<>(); + dossiersDisponibles = new ArrayList<>(); + // Les dossiers seront chargés depuis l'API backend + // Pour l'instant, laisser les listes vides plutôt que des données mockées + } + + private void initializeDocuments() { + tousLesDocuments = new ArrayList<>(); + // Les documents seront chargés depuis l'API backend + // Pour l'instant, laisser la liste vide plutôt que des données mockées + } + + private void initializeNouveauDocument() { + nouveauDocument = new NouveauDocument(); + nouveauDocument.setAccesRestreint(false); + } + + private void initializeNavigation() { + cheminNavigation = new ArrayList<>(); + + NiveauNavigation racine = new NiveauNavigation(); + racine.setNom("📁 Racine"); + racine.setDossierId(null); + cheminNavigation.add(racine); + + // Si on est dans un dossier spécifique, ajouter le niveau + if (dossierActuelId != null) { + Dossier dossierActuel = dossiersDisponibles.stream() + .filter(d -> d.getId().equals(dossierActuelId)) + .findFirst() + .orElse(null); + + if (dossierActuel != null) { + NiveauNavigation niveau = new NiveauNavigation(); + niveau.setNom(dossierActuel.getNom()); + niveau.setDossierId(dossierActuel.getId()); + cheminNavigation.add(niveau); + } + } + } + + private void appliquerFiltres() { + documentsFiltres = tousLesDocuments.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(Document document) { + // Filtre par dossier actuel + if (dossierActuelId != null) { + if (document.getDossierId() == null || !document.getDossierId().equals(dossierActuelId)) { + return false; + } + } else { + // Si on est à la racine, ne montrer que les documents sans dossier parent + if (document.getDossierId() != null) { + return false; + } + } + + if (filtres.getNom() != null && !filtres.getNom().trim().isEmpty()) { + if (!document.getNom().toLowerCase().contains(filtres.getNom().toLowerCase())) { + return false; + } + } + + if (filtres.getType() != null && !filtres.getType().trim().isEmpty()) { + if (!document.getType().equals(filtres.getType())) { + return false; + } + } + + if (filtres.getCategorie() != null && !filtres.getCategorie().trim().isEmpty()) { + if (!document.getCategorie().equals(filtres.getCategorie())) { + return false; + } + } + + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!document.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + if (filtres.getAuteur() != null && !filtres.getAuteur().trim().isEmpty()) { + if (!document.getAuteur().toLowerCase().contains(filtres.getAuteur().toLowerCase())) { + return false; + } + } + + if (filtres.getMotsCles() != null && !filtres.getMotsCles().trim().isEmpty()) { + if (!document.getMotsCles().toLowerCase().contains(filtres.getMotsCles().toLowerCase())) { + return false; + } + } + + if (filtres.getDateDebut() != null) { + if (document.getDateCreation().toLocalDate().isBefore(filtres.getDateDebut())) { + return false; + } + } + + if (filtres.getDateFin() != null) { + if (document.getDateCreation().toLocalDate().isAfter(filtres.getDateFin())) { + return false; + } + } + + if (filtres.getTailleMax() != null && filtres.getTailleMax() > 0) { + long tailleMaxBytes = filtres.getTailleMax().longValue() * 1024 * 1024; // Conversion MB vers bytes + if (document.getTailleBytes() > tailleMaxBytes) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public void changerModeAffichage(String mode) { + this.modeAffichage = mode; + } + + public void naviguerVersDossier(Dossier dossier) { + this.dossierActuelId = dossier.getId(); + initializeNavigation(); + appliquerFiltres(); + } + + public void telechargerNouveauDocument() { + Document nouveau = new Document(); + nouveau.setId(UUID.randomUUID()); + nouveau.setNom("Nouveau Document " + (tousLesDocuments.size() + 1)); + nouveau.setCategorie(nouveauDocument.getCategorie()); + nouveau.setDescription(nouveauDocument.getDescription()); + nouveau.setMotsCles(nouveauDocument.getMotsCles()); + nouveau.setDossierId(nouveauDocument.getDossierId()); + nouveau.setStatut("BROUILLON"); + nouveau.setAuteur("Utilisateur Actuel"); + nouveau.setDateCreation(LocalDateTime.now()); + nouveau.setDateModification(LocalDateTime.now()); + nouveau.setTailleBytes(1024000L); // 1MB par défaut + nouveau.setNombreVues(0); + nouveau.setNombreTelecharements(0); + nouveau.setType("PDF"); // Type par défaut + + tousLesDocuments.add(nouveau); + appliquerFiltres(); + + LOGGER.info("Document téléchargé: " + nouveau.getNom()); + initializeNouveauDocument(); + } + + public void telechargerDocument(Document document) { + document.setNombreTelecharements(document.getNombreTelecharements() + 1); + LOGGER.info("Téléchargement du document: " + document.getNom()); + } + + public void supprimerDocument(Document document) { + tousLesDocuments.remove(document); + appliquerFiltres(); + LOGGER.info("Document supprimé: " + document.getNom()); + } + + public void dupliquerDocument() { + if (documentSelectionne != null) { + Document copie = new Document(); + copie.setId(UUID.randomUUID()); + copie.setNom(documentSelectionne.getNom() + " (Copie)"); + copie.setType(documentSelectionne.getType()); + copie.setCategorie(documentSelectionne.getCategorie()); + copie.setStatut("BROUILLON"); + copie.setAuteur("Utilisateur Actuel"); + copie.setDescription(documentSelectionne.getDescription()); + copie.setMotsCles(documentSelectionne.getMotsCles()); + copie.setDossierId(documentSelectionne.getDossierId()); + copie.setTailleBytes(documentSelectionne.getTailleBytes()); + copie.setDateCreation(LocalDateTime.now()); + copie.setDateModification(LocalDateTime.now()); + copie.setNombreVues(0); + copie.setNombreTelecharements(0); + + tousLesDocuments.add(copie); + appliquerFiltres(); + LOGGER.info("Document dupliqué: " + copie.getNom()); + } + } + + public void archiverDocument() { + if (documentSelectionne != null) { + documentSelectionne.setStatut("ARCHIVE"); + LOGGER.info("Document archivé: " + documentSelectionne.getNom()); + appliquerFiltres(); + } + } + + public void supprimerDefinitivement() { + if (documentSelectionne != null) { + tousLesDocuments.remove(documentSelectionne); + appliquerFiltres(); + LOGGER.info("Document supprimé définitivement: " + documentSelectionne.getNom()); + } + } + + public String voirHistoriqueVersions() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_DOCUMENTS_VERSIONS + "?id=" + documentSelectionne.getId() + "&faces-redirect=true"; + } + + public boolean estSelectionne(Document document) { + return documentsSelectionnes.contains(document); + } + + public void toggleSelection(Document document) { + if (documentsSelectionnes.contains(document)) { + documentsSelectionnes.remove(document); + } else { + documentsSelectionnes.add(document); + } + } + + // Getters et Setters + public List getTousLesDocuments() { return tousLesDocuments; } + public void setTousLesDocuments(List tousLesDocuments) { this.tousLesDocuments = tousLesDocuments; } + + public List getDocumentsFiltres() { return documentsFiltres; } + public void setDocumentsFiltres(List documentsFiltres) { this.documentsFiltres = documentsFiltres; } + + public List getDocumentsSelectionnes() { return documentsSelectionnes; } + public void setDocumentsSelectionnes(List documentsSelectionnes) { this.documentsSelectionnes = documentsSelectionnes; } + + public List getDossiersAffichage() { return dossiersAffichage; } + public void setDossiersAffichage(List dossiersAffichage) { this.dossiersAffichage = dossiersAffichage; } + + public List getDossiersDisponibles() { return dossiersDisponibles; } + public void setDossiersDisponibles(List dossiersDisponibles) { this.dossiersDisponibles = dossiersDisponibles; } + + public List getCheminNavigation() { return cheminNavigation; } + public void setCheminNavigation(List cheminNavigation) { this.cheminNavigation = cheminNavigation; } + + public Document getDocumentSelectionne() { return documentSelectionne; } + public void setDocumentSelectionne(Document documentSelectionne) { this.documentSelectionne = documentSelectionne; } + + public Dossier getDossierSelectionne() { return dossierSelectionne; } + public void setDossierSelectionne(Dossier dossierSelectionne) { this.dossierSelectionne = dossierSelectionne; } + + public NouveauDocument getNouveauDocument() { return nouveauDocument; } + public void setNouveauDocument(NouveauDocument nouveauDocument) { this.nouveauDocument = nouveauDocument; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public StatistiquesDocuments getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesDocuments statistiques) { this.statistiques = statistiques; } + + public String getModeAffichage() { return modeAffichage; } + public void setModeAffichage(String modeAffichage) { this.modeAffichage = modeAffichage; } + + public UUID getDossierActuelId() { return dossierActuelId; } + public void setDossierActuelId(UUID dossierActuelId) { this.dossierActuelId = dossierActuelId; } + + // Classes internes + public static class Document { + private UUID id; + private String nom; + private String description; + private String type; + private String categorie; + private String statut; + private String auteur; + private String motsCles; + private UUID dossierId; + private long tailleBytes; + private LocalDateTime dateCreation; + private LocalDateTime dateModification; + private int nombreVues; + private int nombreTelecharements; + private boolean accesRestreint; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getAuteur() { return auteur; } + public void setAuteur(String auteur) { this.auteur = auteur; } + + public String getMotsCles() { return motsCles; } + public void setMotsCles(String motsCles) { this.motsCles = motsCles; } + + public UUID getDossierId() { return dossierId; } + public void setDossierId(UUID dossierId) { this.dossierId = dossierId; } + + public long getTailleBytes() { return tailleBytes; } + public void setTailleBytes(long tailleBytes) { this.tailleBytes = tailleBytes; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDateModification() { return dateModification; } + public void setDateModification(LocalDateTime dateModification) { this.dateModification = dateModification; } + + public int getNombreVues() { return nombreVues; } + public void setNombreVues(int nombreVues) { this.nombreVues = nombreVues; } + + public int getNombreTelecharements() { return nombreTelecharements; } + public void setNombreTelecharements(int nombreTelecharements) { this.nombreTelecharements = nombreTelecharements; } + + public boolean isAccesRestreint() { return accesRestreint; } + public void setAccesRestreint(boolean accesRestreint) { this.accesRestreint = accesRestreint; } + + // Propriétés dérivées + public String getTypeIcon() { + return switch (type) { + case "PDF" -> "pi-file-pdf"; + case "WORD" -> "pi-file-word"; + case "EXCEL" -> "pi-file-excel"; + case "POWERPOINT" -> "pi-file"; + case "IMAGE" -> "pi-image"; + default -> "pi-file"; + }; + } + + public String getTypeCouleur() { + return switch (type) { + case "PDF" -> "red-500"; + case "WORD" -> "blue-500"; + case "EXCEL" -> "green-500"; + case "POWERPOINT" -> "orange-500"; + case "IMAGE" -> "purple-500"; + default -> "gray-500"; + }; + } + + public String getCategorieLibelle() { + return switch (categorie) { + case "ADMINISTRATIF" -> "Administratif"; + case "FINANCIER" -> "Financier"; + case "JURIDIQUE" -> "Juridique"; + case "COMMUNICATION" -> "Communication"; + case "FORMATION" -> "Formation"; + case "AUTRE" -> "Autre"; + default -> categorie; + }; + } + + public String getCategorieSeverity() { + return switch (categorie) { + case "ADMINISTRATIF" -> "info"; + case "FINANCIER" -> "success"; + case "JURIDIQUE" -> "danger"; + case "COMMUNICATION" -> "warning"; + case "FORMATION" -> "primary"; + case "AUTRE" -> "secondary"; + default -> "secondary"; + }; + } + + public String getStatutLibelle() { + return switch (statut) { + case "BROUILLON" -> "Brouillon"; + case "VALIDE" -> "Validé"; + case "ARCHIVE" -> "Archivé"; + case "EXPIRE" -> "Expiré"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "BROUILLON" -> "warning"; + case "VALIDE" -> "success"; + case "ARCHIVE" -> "secondary"; + case "EXPIRE" -> "danger"; + default -> "secondary"; + }; + } + + public String getTaille() { + if (tailleBytes < 1024) { + return tailleBytes + " B"; + } else if (tailleBytes < 1024 * 1024) { + return Math.round(tailleBytes / 1024.0) + " KB"; + } else { + return Math.round(tailleBytes / (1024.0 * 1024)) + " MB"; + } + } + + public String getDateCreationFormatee() { + if (dateCreation == null) return ""; + return dateCreation.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getDateCreationRelative() { + if (dateCreation == null) return ""; + long jours = ChronoUnit.DAYS.between(dateCreation.toLocalDate(), LocalDate.now()); + if (jours == 0) return "Aujourd'hui"; + if (jours == 1) return "Hier"; + if (jours < 7) return "Il y a " + jours + " jours"; + if (jours < 30) return "Il y a " + (jours / 7) + " semaine" + (jours / 7 > 1 ? "s" : ""); + return "Il y a " + (jours / 30) + " mois"; + } + } + + public static class Dossier { + private UUID id; + private String nom; + private String couleur; + private int nombreDocuments; + private LocalDateTime derniereModification; + private String cheminComplet; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public int getNombreDocuments() { return nombreDocuments; } + public void setNombreDocuments(int nombreDocuments) { this.nombreDocuments = nombreDocuments; } + + public LocalDateTime getDerniereModification() { return derniereModification; } + public void setDerniereModification(LocalDateTime derniereModification) { this.derniereModification = derniereModification; } + + public String getCheminComplet() { return cheminComplet; } + public void setCheminComplet(String cheminComplet) { this.cheminComplet = cheminComplet; } + + public String getDerniereModificationRelative() { + if (derniereModification == null) return ""; + long jours = ChronoUnit.DAYS.between(derniereModification.toLocalDate(), LocalDate.now()); + if (jours == 0) return "aujourd'hui"; + if (jours == 1) return "hier"; + return "il y a " + jours + " jours"; + } + } + + public static class NouveauDocument { + private String categorie; + private String description; + private String motsCles; + private UUID dossierId; + private boolean accesRestreint; + + // Getters et setters + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getMotsCles() { return motsCles; } + public void setMotsCles(String motsCles) { this.motsCles = motsCles; } + + public UUID getDossierId() { return dossierId; } + public void setDossierId(UUID dossierId) { this.dossierId = dossierId; } + + public boolean isAccesRestreint() { return accesRestreint; } + public void setAccesRestreint(boolean accesRestreint) { this.accesRestreint = accesRestreint; } + } + + public static class Filtres { + private String nom; + private String type; + private String categorie; + private String statut; + private String auteur; + private String motsCles; + private LocalDate dateDebut; + private LocalDate dateFin; + private Double tailleMax; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getAuteur() { return auteur; } + public void setAuteur(String auteur) { this.auteur = auteur; } + + public String getMotsCles() { return motsCles; } + public void setMotsCles(String motsCles) { this.motsCles = motsCles; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + + public Double getTailleMax() { return tailleMax; } + public void setTailleMax(Double tailleMax) { this.tailleMax = tailleMax; } + } + + public static class StatistiquesDocuments { + private int totalDocuments; + private int totalDossiers; + private String espaceUtilise; + private int partagesMois; + + // Getters et setters + public int getTotalDocuments() { return totalDocuments; } + public void setTotalDocuments(int totalDocuments) { this.totalDocuments = totalDocuments; } + + public int getTotalDossiers() { return totalDossiers; } + public void setTotalDossiers(int totalDossiers) { this.totalDossiers = totalDossiers; } + + public String getEspaceUtilise() { return espaceUtilise; } + public void setEspaceUtilise(String espaceUtilise) { this.espaceUtilise = espaceUtilise; } + + public int getPartagesMois() { return partagesMois; } + public void setPartagesMois(int partagesMois) { this.partagesMois = partagesMois; } + } + + public static class NiveauNavigation { + private String nom; + private UUID dossierId; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public UUID getDossierId() { return dossierId; } + public void setDossierId(UUID dossierId) { this.dossierId = dossierId; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/EntitesGestionBean.java b/src/main/java/dev/lions/unionflow/client/view/EntitesGestionBean.java new file mode 100644 index 0000000..99e3459 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/EntitesGestionBean.java @@ -0,0 +1,697 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.service.AssociationService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.stream.Collectors; +import java.util.logging.Logger; + +@Named("entitesGestionBean") +@SessionScoped +public class EntitesGestionBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(EntitesGestionBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_ENTITE_DETAILS = "entiteDetailsPage"; + private static final String OUTCOME_ADMIN_MEMBRES_GESTION = "adminMembresGestionPage"; + private static final String OUTCOME_ENTITE_CONFIGURATION = "entiteConfigurationPage"; + private static final String OUTCOME_ENTITE_RAPPORTS = "entiteRapportsPage"; + + @Inject + @RestClient + private AssociationService associationService; + + private List toutesLesEntites; + private List entitesFiltrees; + private List entitesSelectionnees; + private Entite entiteSelectionne; + private Entite nouvelleEntite; + private Filtres filtres; + private Statistiques statistiques; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeEntites(); + initializeStatistiques(); + initializeNouvelleEntite(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + entitesSelectionnees = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new Statistiques(); + try { + List associations = associationService.listerToutes(0, 1000); + statistiques.setTotalEntites(associations.size()); + long actives = associations.stream().filter(a -> "ACTIVE".equals(a.getStatut())).count(); + statistiques.setEntitesActives((int) actives); + int totalMembres = associations.stream() + .mapToInt(a -> a.getNombreMembres() != null ? a.getNombreMembres() : 0) + .sum(); + statistiques.setTotalMembres(totalMembres); + double moyenne = associations.isEmpty() ? 0 : (double) totalMembres / associations.size(); + statistiques.setMoyenneMembresParEntite((int) moyenne); + statistiques.setRevenus("0 FCFA"); // TODO: Calculer depuis les souscriptions/paiements réels + statistiques.setSouscriptionsExpirantes(0); // TODO: Calculer depuis les souscriptions expirantes + statistiques.setEntitesQuotaAtteint(0); // TODO: Calculer depuis les entités avec quota atteint + statistiques.setFormulairePopulaire("N/A"); // TODO: Calculer depuis les statistiques de souscription + statistiques.setTauxRenouvellement(0.0f); // TODO: Calculer depuis les statistiques de renouvellement + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul des statistiques: " + e.getMessage()); + statistiques.setTotalEntites(0); + statistiques.setEntitesActives(0); + statistiques.setTotalMembres(0); + statistiques.setMoyenneMembresParEntite(0); + } + calculerStatistiquesSouscriptions(); + } + + private void initializeEntites() { + toutesLesEntites = new ArrayList<>(); + try { + List associations = associationService.listerToutes(0, 1000); + for (AssociationDTO dto : associations) { + Entite entite = convertToEntite(dto); + toutesLesEntites.add(entite); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des entités: " + e.getMessage()); + } + } + + private Entite convertToEntite(AssociationDTO dto) { + Entite entite = new Entite(); + entite.setId(dto.getId()); + entite.setNom(dto.getNom()); + entite.setCodeEntite(dto.getNumeroRegistre()); + entite.setType(dto.getTypeAssociation()); + entite.setRegion(dto.getRegion()); + entite.setStatut(dto.getStatut()); + entite.setNombreMembres(dto.getNombreMembres() != null ? dto.getNombreMembres() : 0); + entite.setMembresUtilises(dto.getNombreMembres() != null ? dto.getNombreMembres() : 0); + entite.setAdresse(dto.getAdresse()); + entite.setTelephone(dto.getTelephone()); + entite.setEmail(dto.getEmail()); + entite.setDescription(dto.getDescription()); + entite.setDerniereActivite(dto.getDateDerniereActivite()); + + // TODO: Récupérer les informations de souscription depuis un service dédié + // Pour l'instant, initialiser avec des valeurs par défaut + entite.setForfaitSouscrit("Non défini"); + entite.setMembresQuota(0); + entite.setMontantMensuel("0 FCFA"); + entite.setDateExpirationSouscription(null); + entite.setStatutSouscription("NON_DEFINI"); + + return entite; + } + + private void initializeNouvelleEntite() { + nouvelleEntite = new Entite(); + } + + private void appliquerFiltres() { + entitesFiltrees = toutesLesEntites.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(Entite entite) { + // Filtre par nom + if (filtres.getNom() != null && !filtres.getNom().trim().isEmpty()) { + if (!entite.getNom().toLowerCase().contains(filtres.getNom().toLowerCase())) { + return false; + } + } + + // Filtre par type + if (filtres.getType() != null && !filtres.getType().trim().isEmpty()) { + if (!entite.getType().equals(filtres.getType())) { + return false; + } + } + + // Filtre par statut + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!entite.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + // Filtre par région + if (filtres.getRegion() != null && !filtres.getRegion().trim().isEmpty()) { + if (!entite.getRegion().equals(filtres.getRegion())) { + return false; + } + } + + // Filtre par forfait + if (filtres.getForfait() != null && !filtres.getForfait().trim().isEmpty()) { + if (!entite.getForfaitSouscrit().equals(filtres.getForfait())) { + return false; + } + } + + // Filtre par alerte quota + if (filtres.getAlerteQuota() != null && !filtres.getAlerteQuota().trim().isEmpty()) { + if ("OUI".equals(filtres.getAlerteQuota()) && !entite.isQuotaProche()) { + return false; + } + if ("NON".equals(filtres.getAlerteQuota()) && entite.isQuotaProche()) { + return false; + } + } + + // Filtre par alerte expiration + if (filtres.getAlerteExpiration() != null && !filtres.getAlerteExpiration().trim().isEmpty()) { + if ("OUI".equals(filtres.getAlerteExpiration()) && !entite.isExpirationProche()) { + return false; + } + if ("NON".equals(filtres.getAlerteExpiration()) && entite.isExpirationProche()) { + return false; + } + } + + // Filtre par statut souscription + if (filtres.getStatutSouscription() != null && !filtres.getStatutSouscription().trim().isEmpty()) { + if (!entite.getStatutSouscription().equals(filtres.getStatutSouscription())) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public String voirEntite(Entite entite) { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_ENTITE_DETAILS + "?id=" + entite.getId() + "&faces-redirect=true"; + } + + public void creerEntite() { + nouvelleEntite.setId(UUID.randomUUID()); + nouvelleEntite.setCodeEntite("ENT" + String.format("%03d", toutesLesEntites.size() + 1)); + nouvelleEntite.setStatut("ACTIVE"); + nouvelleEntite.setNombreMembres(0); + nouvelleEntite.setDerniereActivite(LocalDateTime.now()); + + toutesLesEntites.add(nouvelleEntite); + appliquerFiltres(); + + LOGGER.info("Nouvelle entité créée: " + nouvelleEntite.getNom()); + + initializeNouvelleEntite(); + } + + public String gererMembres() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_ADMIN_MEMBRES_GESTION + "?entiteId=" + entiteSelectionne.getId() + "&faces-redirect=true"; + } + + public String configurerEntite() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_ENTITE_CONFIGURATION + "?id=" + entiteSelectionne.getId() + "&faces-redirect=true"; + } + + public String voirRapports() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_ENTITE_RAPPORTS + "?id=" + entiteSelectionne.getId() + "&faces-redirect=true"; + } + + public void suspendreEntite() { + entiteSelectionne.setStatut("SUSPENDUE"); + LOGGER.info("Entité suspendue: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + + public void reactiverEntite() { + entiteSelectionne.setStatut("ACTIVE"); + LOGGER.info("Entité réactivée: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + + public void supprimerEntite() { + toutesLesEntites.remove(entiteSelectionne); + LOGGER.info("Entité supprimée: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + + public void exporterEntites() { + LOGGER.info("Export de " + entitesFiltrees.size() + " entités"); + } + + // Getters et Setters + public List getToutesLesEntites() { return toutesLesEntites; } + public void setToutesLesEntites(List toutesLesEntites) { this.toutesLesEntites = toutesLesEntites; } + + public List getEntitesFiltrees() { return entitesFiltrees; } + public void setEntitesFiltrees(List entitesFiltrees) { this.entitesFiltrees = entitesFiltrees; } + + public List getEntitesSelectionnees() { return entitesSelectionnees; } + public void setEntitesSelectionnees(List entitesSelectionnees) { this.entitesSelectionnees = entitesSelectionnees; } + + public Entite getEntiteSelectionne() { return entiteSelectionne; } + public void setEntiteSelectionne(Entite entiteSelectionne) { this.entiteSelectionne = entiteSelectionne; } + + public Entite getNouvelleEntite() { return nouvelleEntite; } + public void setNouvelleEntite(Entite nouvelleEntite) { this.nouvelleEntite = nouvelleEntite; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public Statistiques getStatistiques() { return statistiques; } + public void setStatistiques(Statistiques statistiques) { this.statistiques = statistiques; } + + // Méthodes utilitaires pour les souscriptions + private void calculerStatistiquesSouscriptions() { + if (toutesLesEntites == null || statistiques == null) { + return; // Sécurité si appelé avant initialisation complète + } + + int expirantes = 0; + int quotaAtteint = 0; + + for (Entite entite : toutesLesEntites) { + if (entite.isExpirationProche()) { + expirantes++; + } + if (entite.isQuotaAtteint()) { + quotaAtteint++; + } + } + + statistiques.setSouscriptionsExpirantes(expirantes); + statistiques.setEntitesQuotaAtteint(quotaAtteint); + } + + public void renouvelerSouscription() { + if (entiteSelectionne != null) { + entiteSelectionne.setDateExpirationSouscription(LocalDate.now().plusMonths(12)); + entiteSelectionne.setStatutSouscription("ACTIVE"); + LOGGER.info("Souscription renouvelée pour: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + } + + public void upgraderForfait() { + if (entiteSelectionne != null) { + String forfaitActuel = entiteSelectionne.getForfaitSouscrit(); + switch (forfaitActuel) { + case "Starter": + entiteSelectionne.setForfaitSouscrit("Standard"); + entiteSelectionne.setMembresQuota(200); + entiteSelectionne.setMontantMensuel("3 000 FCFA"); + break; + case "Standard": + entiteSelectionne.setForfaitSouscrit("Premium"); + entiteSelectionne.setMembresQuota(500); + entiteSelectionne.setMontantMensuel("4 000 FCFA"); + break; + case "Premium": + entiteSelectionne.setForfaitSouscrit("Cristal"); + entiteSelectionne.setMembresQuota(2000); + entiteSelectionne.setMontantMensuel("5 000 FCFA"); + break; + } + LOGGER.info("Forfait upgradé pour: " + entiteSelectionne.getNom()); + appliquerFiltres(); + } + } + + public void gererQuotas() { + LOGGER.info("Gestion des quotas pour toutes les entités"); + } + + public void envoyerRelancesSouscriptions() { + int compteur = 0; + for (Entite entite : toutesLesEntites) { + if (entite.isExpirationProche()) { + LOGGER.info("Relance envoyée à: " + entite.getNom()); + compteur++; + } + } + LOGGER.info(compteur + " relances de souscription envoyées"); + } + + // Actions groupées + public void renouvelerSouscriptionsGroupees() { + int compteur = 0; + for (Entite entite : entitesSelectionnees) { + entite.setDateExpirationSouscription(LocalDate.now().plusMonths(12)); + entite.setStatutSouscription("ACTIVE"); + compteur++; + } + LOGGER.info(compteur + " souscriptions renouvelées en masse"); + entitesSelectionnees.clear(); + appliquerFiltres(); + } + + public void suspendreEntitesGroupees() { + int compteur = 0; + for (Entite entite : entitesSelectionnees) { + entite.setStatut("SUSPENDUE"); + compteur++; + } + LOGGER.info(compteur + " entités suspendues en masse"); + entitesSelectionnees.clear(); + appliquerFiltres(); + } + + public void reactiverEntitesGroupees() { + int compteur = 0; + for (Entite entite : entitesSelectionnees) { + entite.setStatut("ACTIVE"); + compteur++; + } + LOGGER.info(compteur + " entités réactivées en masse"); + entitesSelectionnees.clear(); + appliquerFiltres(); + } + + public void proposerUpgradeGroupees() { + int compteur = 0; + for (Entite entite : entitesSelectionnees) { + if (entite.isQuotaProche()) { + // Simulation d'envoi de proposition d'upgrade + LOGGER.info("Proposition d'upgrade envoyée à: " + entite.getNom()); + compteur++; + } + } + LOGGER.info(compteur + " propositions d'upgrade envoyées"); + } + + // Classes internes + public static class Entite { + private UUID id; + private String nom; + private String codeEntite; + private String type; + private String region; + private String statut; + private int nombreMembres; + private String adresse; + private String telephone; + private String email; + private String description; + private LocalDateTime derniereActivite; + private Administrateur administrateur; + + // Informations de souscription + private String forfaitSouscrit = "Standard"; + private int membresQuota = 200; + private int membresUtilises; + private LocalDate dateExpirationSouscription; + private String statutSouscription = "ACTIVE"; + private String montantMensuel = "3 000 FCFA"; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getCodeEntite() { return codeEntite; } + public void setCodeEntite(String codeEntite) { this.codeEntite = codeEntite; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getRegion() { return region; } + public void setRegion(String region) { this.region = region; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public int getNombreMembres() { return nombreMembres; } + public void setNombreMembres(int nombreMembres) { this.nombreMembres = nombreMembres; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public LocalDateTime getDerniereActivite() { return derniereActivite; } + public void setDerniereActivite(LocalDateTime derniereActivite) { this.derniereActivite = derniereActivite; } + + public Administrateur getAdministrateur() { return administrateur; } + public void setAdministrateur(Administrateur administrateur) { this.administrateur = administrateur; } + + // Propriétés dérivées + public String getTypeLibelle() { + return switch (type) { + case "ASSOCIATION" -> "Association"; + case "CLUB" -> "Club"; + case "GROUPE" -> "Groupe"; + case "GROUPE_JEUNES" -> "Groupe Jeunes"; + case "BRANCHE" -> "Branche"; + default -> type; + }; + } + + public String getTypeSeverity() { + return switch (type) { + case "ASSOCIATION" -> "info"; + case "CLUB" -> "success"; + case "GROUPE" -> "warning"; + case "GROUPE_JEUNES" -> "primary"; + case "BRANCHE" -> "secondary"; + default -> "secondary"; + }; + } + + public String getTypeIcon() { + return switch (type) { + case "ASSOCIATION" -> "pi-users"; + case "CLUB" -> "pi-home"; + case "GROUPE" -> "pi-sitemap"; + case "GROUPE_JEUNES" -> "pi-star"; + case "BRANCHE" -> "pi-share-alt"; + default -> "pi-building"; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "ACTIVE" -> "success"; + case "INACTIVE" -> "warning"; + case "SUSPENDUE" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "ACTIVE" -> "pi-check"; + case "INACTIVE" -> "pi-pause"; + case "SUSPENDUE" -> "pi-ban"; + default -> "pi-circle"; + }; + } + + public String getDerniereActiviteFormatee() { + if (derniereActivite == null) return "N/A"; + return derniereActivite.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getDerniereActiviteRelative() { + if (derniereActivite == null) return ""; + long jours = ChronoUnit.DAYS.between(derniereActivite.toLocalDate(), LocalDate.now()); + if (jours == 0) return "Aujourd'hui"; + if (jours == 1) return "Hier"; + if (jours < 7) return "Il y a " + jours + " jours"; + if (jours < 30) return "Il y a " + (jours / 7) + " semaine" + (jours / 7 > 1 ? "s" : ""); + return "Il y a " + (jours / 30) + " mois"; + } + + // Getters et setters pour les informations de souscription + public String getForfaitSouscrit() { return forfaitSouscrit; } + public void setForfaitSouscrit(String forfaitSouscrit) { this.forfaitSouscrit = forfaitSouscrit; } + + public int getMembresQuota() { return membresQuota; } + public void setMembresQuota(int membresQuota) { this.membresQuota = membresQuota; } + + public int getMembresUtilises() { return membresUtilises; } + public void setMembresUtilises(int membresUtilises) { this.membresUtilises = membresUtilises; } + + public LocalDate getDateExpirationSouscription() { return dateExpirationSouscription; } + public void setDateExpirationSouscription(LocalDate dateExpirationSouscription) { this.dateExpirationSouscription = dateExpirationSouscription; } + + public String getStatutSouscription() { return statutSouscription; } + public void setStatutSouscription(String statutSouscription) { this.statutSouscription = statutSouscription; } + + public String getMontantMensuel() { return montantMensuel; } + public void setMontantMensuel(String montantMensuel) { this.montantMensuel = montantMensuel; } + + // Méthodes utilitaires pour les souscriptions + public boolean isQuotaProche() { + return getMembresUtilises() >= (getMembresQuota() * 0.85); + } + + public boolean isQuotaAtteint() { + return getMembresUtilises() >= getMembresQuota(); + } + + public boolean isExpirationProche() { + if (dateExpirationSouscription == null) return false; + return ChronoUnit.DAYS.between(LocalDate.now(), dateExpirationSouscription) <= 30; + } + + public int getPourcentageUtilisationQuota() { + if (membresQuota == 0) return 0; + return (membresUtilises * 100) / membresQuota; + } + + public String getForfaitCouleur() { + return switch (forfaitSouscrit) { + case "Starter" -> "primary"; + case "Standard" -> "success"; + case "Premium" -> "warning"; + case "Cristal" -> "info"; + default -> "secondary"; + }; + } + + public String getForfaitIcone() { + return switch (forfaitSouscrit) { + case "Starter" -> "pi-star"; + case "Standard" -> "pi-users"; + case "Premium" -> "pi-crown"; + case "Cristal" -> "pi-diamond"; + default -> "pi-circle"; + }; + } + + public long getJoursAvantExpiration() { + if (dateExpirationSouscription == null) return 0; + return ChronoUnit.DAYS.between(LocalDate.now(), dateExpirationSouscription); + } + } + + public static class Administrateur { + private String nomComplet; + private String email; + + // Getters et setters + public String getNomComplet() { return nomComplet; } + public void setNomComplet(String nomComplet) { this.nomComplet = nomComplet; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + } + + public static class Filtres { + private String nom; + private String type; + private String statut; + private String region; + private String forfait; + private String alerteQuota; + private String alerteExpiration; + private String statutSouscription; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getRegion() { return region; } + public void setRegion(String region) { this.region = region; } + + public String getForfait() { return forfait; } + public void setForfait(String forfait) { this.forfait = forfait; } + + public String getAlerteQuota() { return alerteQuota; } + public void setAlerteQuota(String alerteQuota) { this.alerteQuota = alerteQuota; } + + public String getAlerteExpiration() { return alerteExpiration; } + public void setAlerteExpiration(String alerteExpiration) { this.alerteExpiration = alerteExpiration; } + + public String getStatutSouscription() { return statutSouscription; } + public void setStatutSouscription(String statutSouscription) { this.statutSouscription = statutSouscription; } + } + + public static class Statistiques { + private int totalEntites; + private int entitesActives; + private int totalMembres; + private String revenus; + private int souscriptionsExpirantes; + private int entitesQuotaAtteint; + private String formulairePopulaire; + private float tauxRenouvellement; + private int moyenneMembresParEntite; + + // Getters et setters + public int getTotalEntites() { return totalEntites; } + public void setTotalEntites(int totalEntites) { this.totalEntites = totalEntites; } + + public int getEntitesActives() { return entitesActives; } + public void setEntitesActives(int entitesActives) { this.entitesActives = entitesActives; } + + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + + public String getRevenus() { return revenus; } + public void setRevenus(String revenus) { this.revenus = revenus; } + + public int getSouscriptionsExpirantes() { return souscriptionsExpirantes; } + public void setSouscriptionsExpirantes(int souscriptionsExpirantes) { this.souscriptionsExpirantes = souscriptionsExpirantes; } + + public int getEntitesQuotaAtteint() { return entitesQuotaAtteint; } + public void setEntitesQuotaAtteint(int entitesQuotaAtteint) { this.entitesQuotaAtteint = entitesQuotaAtteint; } + + public String getFormulairePopulaire() { return formulairePopulaire; } + public void setFormulairePopulaire(String formulairePopulaire) { this.formulairePopulaire = formulairePopulaire; } + + public float getTauxRenouvellement() { return tauxRenouvellement; } + public void setTauxRenouvellement(float tauxRenouvellement) { this.tauxRenouvellement = tauxRenouvellement; } + + public int getMoyenneMembresParEntite() { return moyenneMembresParEntite; } + public void setMoyenneMembresParEntite(int moyenneMembresParEntite) { this.moyenneMembresParEntite = moyenneMembresParEntite; } + + public String getTauxRenouvellementFormat() { + return String.format("%.1f%%", tauxRenouvellement); + } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/EvenementsBean.java b/src/main/java/dev/lions/unionflow/client/view/EvenementsBean.java new file mode 100644 index 0000000..bd01af2 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/EvenementsBean.java @@ -0,0 +1,879 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.EvenementDTO; +import dev.lions.unionflow.client.service.EvenementService; +import jakarta.annotation.PostConstruct; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import org.primefaces.event.SelectEvent; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.LocalTime; +import java.time.ZoneId; +import java.util.ArrayList; +import java.util.Date; +import java.util.HashMap; +import java.util.List; +import java.util.Map; +import java.util.UUID; +import java.util.logging.Logger; +import java.util.stream.Collectors; + +/** + * Bean JSF pour la gestion des événements + * Refactorisé pour utiliser directement EvenementDTO et se connecter au backend + * + * @author UnionFlow Team + * @version 2.0 + */ +@Named("evenementsBean") +@SessionScoped +public class EvenementsBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(EvenementsBean.class.getName()); + + @Inject + @RestClient + private EvenementService evenementService; + + @Inject + private UserSession userSession; + + // Date sélectionnée dans le calendrier + private LocalDate dateSelectionnee; + + // Données principales - Utilisation directe de EvenementDTO + private List tousLesEvenements; + private List evenementsFiltres; + private List evenementsSelectionnes; + private List evenementsProchains; + private EvenementDTO evenementSelectionne; + + // Formulaire nouveau événement + private EvenementDTO nouvelEvenement; + + // Filtres + private FiltresEvenement filtres; + + // Statistiques + private StatistiquesEvenements statistiques; + + @PostConstruct + public void init() { + LOGGER.info("Initialisation de EvenementsBean"); + initializeFiltres(); + initializeNouvelEvenement(); + chargerEvenements(); + chargerEvenementsProchains(); + chargerStatistiques(); + } + + private void initializeFiltres() { + filtres = new FiltresEvenement(); + evenementsSelectionnes = new ArrayList<>(); + } + + private void initializeNouvelEvenement() { + nouvelEvenement = new EvenementDTO(); + nouvelEvenement.setPriorite("NORMALE"); + nouvelEvenement.setStatut("PLANIFIE"); + nouvelEvenement.setDateDebut(LocalDate.now().plusWeeks(1)); + nouvelEvenement.setHeureDebut(LocalTime.of(9, 0)); + nouvelEvenement.setHeureFin(LocalTime.of(17, 0)); + nouvelEvenement.setCodeDevise("XOF"); + nouvelEvenement.setEvenementPublic(true); + nouvelEvenement.setInscriptionObligatoire(false); + } + + /** + * Méthode publique pour réinitialiser le formulaire + */ + public void reinitialiserFormulaire() { + initializeNouvelEvenement(); + } + + /** + * Charge tous les événements depuis le backend + */ + public void chargerEvenements() { + try { + LOGGER.info("Chargement des événements depuis le backend"); + Map response = evenementService.listerTous(0, 1000, "dateDebut", "asc"); + + tousLesEvenements = new ArrayList<>(); + + // Le backend peut retourner soit une liste de DTOs, soit une Map avec "data" + if (response.containsKey("data")) { + @SuppressWarnings("unchecked") + List data = (List) response.get("data"); + + if (data != null) { + for (Object item : data) { + if (item instanceof EvenementDTO) { + tousLesEvenements.add((EvenementDTO) item); + } else if (item instanceof Map) { + @SuppressWarnings("unchecked") + EvenementDTO dto = convertMapToDTO((Map) item); + tousLesEvenements.add(dto); + } + } + } + } else { + // Si la réponse est directement une liste + @SuppressWarnings("unchecked") + List data = (List) response.get("evenements"); + if (data != null) { + for (Object item : data) { + if (item instanceof EvenementDTO) { + tousLesEvenements.add((EvenementDTO) item); + } else if (item instanceof Map) { + @SuppressWarnings("unchecked") + EvenementDTO dto = convertMapToDTO((Map) item); + tousLesEvenements.add(dto); + } + } + } + } + + appliquerFiltres(); + LOGGER.info("Événements chargés: " + tousLesEvenements.size()); + + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des événements: " + e.getMessage()); + LOGGER.log(java.util.logging.Level.SEVERE, "Détails de l'erreur de chargement des événements", e); + tousLesEvenements = new ArrayList<>(); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Erreur lors du chargement des événements: " + e.getMessage()); + } + } + + /** + * Charge les événements à venir + */ + public void chargerEvenementsProchains() { + try { + LOGGER.info("Chargement des événements à venir"); + Map response = evenementService.listerAVenir(0, 6); + + @SuppressWarnings("unchecked") + List> data = (List>) response.get("data"); + + if (data != null) { + evenementsProchains = data.stream() + .map(this::convertMapToDTO) + .collect(Collectors.toList()); + } else { + evenementsProchains = new ArrayList<>(); + } + + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des événements à venir: " + e.getMessage()); + evenementsProchains = new ArrayList<>(); + } + } + + /** + * Charge les statistiques depuis le backend + */ + public void chargerStatistiques() { + try { + LOGGER.info("Chargement des statistiques"); + Map countResponse = evenementService.compter(); + + statistiques = new StatistiquesEvenements(); + + // Calculer les statistiques depuis les événements chargés + if (tousLesEvenements != null && !tousLesEvenements.isEmpty()) { + statistiques.setTotalEvenements(tousLesEvenements.size()); + + long actifs = tousLesEvenements.stream() + .filter(e -> "PLANIFIE".equals(e.getStatut()) || + "CONFIRME".equals(e.getStatut()) || + "EN_COURS".equals(e.getStatut())) + .count(); + statistiques.setEvenementsActifs((int) actifs); + + int totalParticipants = tousLesEvenements.stream() + .mapToInt(e -> e.getParticipantsInscrits() != null ? e.getParticipantsInscrits() : 0) + .sum(); + statistiques.setParticipantsTotal(totalParticipants); + + BigDecimal totalBudget = tousLesEvenements.stream() + .map(e -> e.getBudget() != null ? e.getBudget() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + statistiques.setBudgetTotal(String.format("%,.0f FCFA", totalBudget.doubleValue())); + + double moyenne = (double) totalParticipants / tousLesEvenements.size(); + statistiques.setMoyenneParticipants((int) moyenne); + + // Calculer les événements créés ce mois depuis les données backend + LocalDate debutMois = LocalDate.now().withDayOfMonth(1); + long evenementsCeMois = tousLesEvenements.stream() + .filter(e -> e.getDateCreation() != null && + !e.getDateCreation().isBefore(debutMois.atStartOfDay())) + .count(); + statistiques.setEvenementsCeMois((int) evenementsCeMois); + + // Calculer le taux de participation moyen depuis les données backend + double tauxMoyen = tousLesEvenements.stream() + .filter(e -> e.getCapaciteMax() != null && e.getCapaciteMax() > 0) + .mapToDouble(e -> { + int inscrits = e.getParticipantsInscrits() != null ? e.getParticipantsInscrits() : 0; + return (double) inscrits / e.getCapaciteMax() * 100.0; + }) + .average() + .orElse(0.0); + statistiques.setTauxParticipationMoyen((int) tauxMoyen); + } else { + statistiques.setTotalEvenements(0); + statistiques.setEvenementsActifs(0); + statistiques.setParticipantsTotal(0); + statistiques.setBudgetTotal("0 FCFA"); + statistiques.setMoyenneParticipants(0); + statistiques.setEvenementsCeMois(0); + statistiques.setTauxParticipationMoyen(0); + } + + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des statistiques: " + e.getMessage()); + statistiques = new StatistiquesEvenements(); + statistiques.setTotalEvenements(0); + statistiques.setEvenementsActifs(0); + statistiques.setParticipantsTotal(0); + statistiques.setBudgetTotal("0 FCFA"); + statistiques.setMoyenneParticipants(0); + } + } + + /** + * Convertit une Map en EvenementDTO + */ + private EvenementDTO convertMapToDTO(Map map) { + EvenementDTO dto = new EvenementDTO(); + + try { + if (map.get("id") != null) { + if (map.get("id") instanceof UUID) { + dto.setId((UUID) map.get("id")); + } else { + dto.setId(UUID.fromString(map.get("id").toString())); + } + } + + if (map.get("titre") != null) dto.setTitre(map.get("titre").toString()); + if (map.get("description") != null) dto.setDescription(map.get("description").toString()); + + // Type d'événement - peut être un enum ou une String + // Gérer à la fois "typeEvenement" et "type" pour compatibilité + Object typeObj = map.get("typeEvenement"); + if (typeObj == null) { + typeObj = map.get("type"); // Fallback sur "type" si "typeEvenement" n'existe pas + } + if (typeObj != null) { + dto.setTypeEvenement(typeObj instanceof Enum ? typeObj.toString() : typeObj.toString()); + } + + // Statut - peut être un enum ou une String + if (map.get("statut") != null) { + Object statut = map.get("statut"); + dto.setStatut(statut instanceof Enum ? statut.toString() : statut.toString()); + } + + // Priorité - peut être un enum ou une String + if (map.get("priorite") != null) { + Object priorite = map.get("priorite"); + dto.setPriorite(priorite instanceof Enum ? priorite.toString() : priorite.toString()); + } + + if (map.get("lieu") != null) dto.setLieu(map.get("lieu").toString()); + if (map.get("adresse") != null) dto.setAdresse(map.get("adresse").toString()); + if (map.get("ville") != null) dto.setVille(map.get("ville").toString()); + if (map.get("region") != null) dto.setRegion(map.get("region").toString()); + if (map.get("organisateur") != null) dto.setOrganisateur(map.get("organisateur").toString()); + if (map.get("emailOrganisateur") != null) dto.setEmailOrganisateur(map.get("emailOrganisateur").toString()); + if (map.get("telephoneOrganisateur") != null) dto.setTelephoneOrganisateur(map.get("telephoneOrganisateur").toString()); + + // Conversion des nombres + if (map.get("capaciteMax") != null) { + Object cap = map.get("capaciteMax"); + if (cap instanceof Number) { + dto.setCapaciteMax(((Number) cap).intValue()); + } else { + dto.setCapaciteMax(Integer.parseInt(cap.toString())); + } + } + + if (map.get("participantsInscrits") != null) { + Object part = map.get("participantsInscrits"); + if (part instanceof Number) { + dto.setParticipantsInscrits(((Number) part).intValue()); + } else { + dto.setParticipantsInscrits(Integer.parseInt(part.toString())); + } + } + + if (map.get("participantsPresents") != null) { + Object part = map.get("participantsPresents"); + if (part instanceof Number) { + dto.setParticipantsPresents(((Number) part).intValue()); + } else { + dto.setParticipantsPresents(Integer.parseInt(part.toString())); + } + } + + // Conversion des BigDecimal + if (map.get("budget") != null) { + Object budget = map.get("budget"); + if (budget instanceof BigDecimal) { + dto.setBudget((BigDecimal) budget); + } else if (budget instanceof Number) { + dto.setBudget(BigDecimal.valueOf(((Number) budget).doubleValue())); + } else { + dto.setBudget(new BigDecimal(budget.toString())); + } + } + + if (map.get("coutReel") != null) { + Object cout = map.get("coutReel"); + if (cout instanceof BigDecimal) { + dto.setCoutReel((BigDecimal) cout); + } else if (cout instanceof Number) { + dto.setCoutReel(BigDecimal.valueOf(((Number) cout).doubleValue())); + } else { + dto.setCoutReel(new BigDecimal(cout.toString())); + } + } + + if (map.get("codeDevise") != null) dto.setCodeDevise(map.get("codeDevise").toString()); + + // Conversion des dates + if (map.get("dateDebut") != null) { + Object date = map.get("dateDebut"); + if (date instanceof LocalDate) { + dto.setDateDebut((LocalDate) date); + } else if (date instanceof String) { + dto.setDateDebut(LocalDate.parse(date.toString())); + } + } + + if (map.get("dateFin") != null) { + Object date = map.get("dateFin"); + if (date instanceof LocalDate) { + dto.setDateFin((LocalDate) date); + } else if (date instanceof String) { + dto.setDateFin(LocalDate.parse(date.toString())); + } + } + + // Conversion des heures + if (map.get("heureDebut") != null) { + Object heure = map.get("heureDebut"); + if (heure instanceof LocalTime) { + dto.setHeureDebut((LocalTime) heure); + } else if (heure instanceof String) { + dto.setHeureDebut(LocalTime.parse(heure.toString())); + } + } + + if (map.get("heureFin") != null) { + Object heure = map.get("heureFin"); + if (heure instanceof LocalTime) { + dto.setHeureFin((LocalTime) heure); + } else if (heure instanceof String) { + dto.setHeureFin(LocalTime.parse(heure.toString())); + } + } + + // Association + if (map.get("associationId") != null) { + Object assocId = map.get("associationId"); + if (assocId instanceof UUID) { + dto.setAssociationId((UUID) assocId); + } else { + dto.setAssociationId(UUID.fromString(assocId.toString())); + } + } + + if (map.get("nomAssociation") != null) dto.setNomAssociation(map.get("nomAssociation").toString()); + + // Options booléennes + if (map.get("inscriptionObligatoire") != null) { + Object insc = map.get("inscriptionObligatoire"); + dto.setInscriptionObligatoire(insc instanceof Boolean ? (Boolean) insc : Boolean.parseBoolean(insc.toString())); + } + + if (map.get("evenementPublic") != null) { + Object pub = map.get("evenementPublic"); + dto.setEvenementPublic(pub instanceof Boolean ? (Boolean) pub : Boolean.parseBoolean(pub.toString())); + } + + } catch (Exception e) { + LOGGER.warning("Erreur lors de la conversion Map vers DTO: " + e.getMessage()); + } + + return dto; + } + + /** + * Applique les filtres sur les événements + */ + public void appliquerFiltres() { + if (tousLesEvenements == null) { + evenementsFiltres = new ArrayList<>(); + return; + } + + evenementsFiltres = tousLesEvenements.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(EvenementDTO evenement) { + if (filtres == null) return true; + + if (filtres.getTitre() != null && !filtres.getTitre().trim().isEmpty()) { + if (evenement.getTitre() == null || + !evenement.getTitre().toLowerCase().contains(filtres.getTitre().toLowerCase())) { + return false; + } + } + + if (filtres.getType() != null && !filtres.getType().trim().isEmpty()) { + if (!filtres.getType().equals(evenement.getTypeEvenement())) { + return false; + } + } + + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!filtres.getStatut().equals(evenement.getStatut())) { + return false; + } + } + + if (filtres.getOrganisateur() != null && !filtres.getOrganisateur().trim().isEmpty()) { + if (evenement.getOrganisateur() == null || + !evenement.getOrganisateur().toLowerCase().contains(filtres.getOrganisateur().toLowerCase())) { + return false; + } + } + + if (filtres.getPriorite() != null && !filtres.getPriorite().trim().isEmpty()) { + if (!filtres.getPriorite().equals(evenement.getPriorite())) { + return false; + } + } + + if (filtres.getDateDebut() != null && evenement.getDateDebut() != null) { + if (evenement.getDateDebut().isBefore(filtres.getDateDebut())) { + return false; + } + } + + if (filtres.getDateFin() != null && evenement.getDateDebut() != null) { + if (evenement.getDateDebut().isAfter(filtres.getDateFin())) { + return false; + } + } + + return true; + } + + /** + * Recherche d'événements + */ + public void rechercher() { + appliquerFiltres(); + } + + /** + * Réinitialise les filtres + */ + public void reinitialiserFiltres() { + filtres = new FiltresEvenement(); + appliquerFiltres(); + } + + /** + * Crée un nouvel événement + */ + public void creerEvenement() { + try { + LOGGER.info("Création d'un nouvel événement: " + nouvelEvenement.getTitre()); + + EvenementDTO evenementCree = evenementService.creer(nouvelEvenement); + + // Recharger les événements + chargerEvenements(); + chargerEvenementsProchains(); + chargerStatistiques(); + + // Réinitialiser le formulaire + initializeNouvelEvenement(); + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Événement créé avec succès"); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de la création de l'événement: " + e.getMessage()); + LOGGER.log(java.util.logging.Level.SEVERE, "Détails de l'erreur de création d'événement", e); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Erreur lors de la création de l'événement: " + e.getMessage()); + } + } + + /** + * Modifie un événement existant + */ + public void modifierEvenement() { + try { + if (evenementSelectionne == null || evenementSelectionne.getId() == null) { + ajouterMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucun événement sélectionné"); + return; + } + + LOGGER.info("Modification de l'événement: " + evenementSelectionne.getId()); + + EvenementDTO evenementModifie = evenementService.modifier( + evenementSelectionne.getId(), evenementSelectionne); + + // Recharger les événements + chargerEvenements(); + chargerEvenementsProchains(); + chargerStatistiques(); + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Événement modifié avec succès"); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de la modification: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Erreur lors de la modification: " + e.getMessage()); + } + } + + /** + * Supprime un événement + */ + public void supprimerEvenement() { + try { + if (evenementSelectionne == null || evenementSelectionne.getId() == null) { + ajouterMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucun événement sélectionné"); + return; + } + + LOGGER.info("Suppression de l'événement: " + evenementSelectionne.getId()); + + evenementService.supprimer(evenementSelectionne.getId()); + + // Recharger les événements + chargerEvenements(); + chargerEvenementsProchains(); + chargerStatistiques(); + + evenementSelectionne = null; + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Événement supprimé avec succès"); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de la suppression: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Erreur lors de la suppression: " + e.getMessage()); + } + } + + /** + * Annule un événement + */ + public void annulerEvenement() { + try { + if (evenementSelectionne == null || evenementSelectionne.getId() == null) { + ajouterMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucun événement sélectionné"); + return; + } + + evenementSelectionne.setStatut("ANNULE"); + modifierEvenement(); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'annulation: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Erreur lors de l'annulation: " + e.getMessage()); + } + } + + /** + * Sélectionne un événement + */ + public void selectionnerEvenement(EvenementDTO evenement) { + this.evenementSelectionne = evenement; + } + + /** + * Actualise les données + */ + public void actualiser() { + chargerEvenements(); + chargerEvenementsProchains(); + chargerStatistiques(); + } + + /** + * Inscrit le membre actuel à un événement + */ + public void sinscrireEvenement(EvenementDTO evenement) { + try { + if (evenement == null || evenement.getId() == null) { + ajouterMessage(FacesMessage.SEVERITY_WARN, "Attention", "Événement invalide"); + return; + } + + // Vérifier la capacité avec les méthodes existantes de EvenementDTO + if (evenement.isComplet()) { + ajouterMessage(FacesMessage.SEVERITY_WARN, "Complet", + "Cet événement est complet"); + return; + } + + LOGGER.info("Inscription à l'événement: " + evenement.getId()); + + // Créer un participant pour l'utilisateur courant + UUID userId = userSession.getCurrentUser() != null ? userSession.getCurrentUser().getId() : null; + if (userId == null) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Vous devez être connecté pour vous inscrire"); + return; + } + + // Appeler le service backend pour l'inscription + evenementService.inscrireParticipant(evenement.getId(), userId); + + // Mettre à jour le nombre d'inscrits localement + Integer inscrits = evenement.getParticipantsInscrits(); + evenement.setParticipantsInscrits(inscrits != null ? inscrits + 1 : 1); + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Inscription à l'événement enregistrée"); + + // Actualiser les données + chargerEvenements(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'inscription: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Erreur lors de l'inscription: " + e.getMessage()); + } + } + + /** + * Handlers pour le calendrier PrimeFaces Schedule + */ + public void onDateSelect(SelectEvent event) { + if (event != null && event.getObject() != null) { + Date date = event.getObject(); + this.dateSelectionnee = date.toInstant() + .atZone(ZoneId.systemDefault()) + .toLocalDate(); + + // Préparer un nouvel événement à cette date + this.nouvelEvenement = new EvenementDTO(); + this.nouvelEvenement.setDateDebut(dateSelectionnee); + this.nouvelEvenement.setDateFin(dateSelectionnee); + this.nouvelEvenement.setHeureDebut(LocalTime.of(9, 0)); + this.nouvelEvenement.setHeureFin(LocalTime.of(18, 0)); + + LOGGER.info("Date sélectionnée: " + dateSelectionnee); + } + } + + public void onEventSelect(SelectEvent event) { + if (event != null && event.getObject() != null) { + try { + // Récupérer l'événement sélectionné depuis le ScheduleModel + Object eventObject = event.getObject(); + + // Essayer de trouver l'événement correspondant + if (eventObject instanceof org.primefaces.model.ScheduleEvent) { + org.primefaces.model.ScheduleEvent scheduleEvent = + (org.primefaces.model.ScheduleEvent) eventObject; + String eventId = scheduleEvent.getId(); + + if (eventId != null) { + // Chercher dans la liste des événements + for (EvenementDTO evt : tousLesEvenements) { + if (evt.getId() != null && evt.getId().toString().equals(eventId)) { + this.evenementSelectionne = evt; + LOGGER.info("Événement sélectionné: " + evt.getTitre()); + break; + } + } + } + } + } catch (Exception e) { + LOGGER.warning("Erreur sélection événement: " + e.getMessage()); + } + } + } + + public void onEventMove(Object event) { + // Les modifications de date sont gérées par le backend lors de la sauvegarde + // Cette méthode capture l'événement de déplacement mais la logique est simplifiée + // car les classes ScheduleEntryMoveEvent ne sont pas disponibles + LOGGER.info("Événement déplacé - actualisation nécessaire"); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Info", + "Pour modifier les dates, veuillez éditer l'événement"); + } + + public void onEventResize(Object event) { + // Les modifications de durée sont gérées par le backend lors de la sauvegarde + // Cette méthode capture l'événement de redimensionnement mais la logique est simplifiée + // car les classes ScheduleEntryResizeEvent ne sont pas disponibles + LOGGER.info("Événement redimensionné - actualisation nécessaire"); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Info", + "Pour modifier la durée, veuillez éditer l'événement"); + } + + // Getters/Setters pour les nouvelles propriétés + public LocalDate getDateSelectionnee() { return dateSelectionnee; } + public void setDateSelectionnee(LocalDate dateSelectionnee) { this.dateSelectionnee = dateSelectionnee; } + + // Méthodes utilitaires + + private void ajouterMessage(FacesMessage.Severity severity, String resume, String detail) { + FacesContext.getCurrentInstance() + .addMessage(null, new FacesMessage(severity, resume, detail)); + } + + // Getters et Setters + + public List getTousLesEvenements() { return tousLesEvenements; } + public void setTousLesEvenements(List tousLesEvenements) { + this.tousLesEvenements = tousLesEvenements; + } + + public List getEvenementsFiltres() { return evenementsFiltres; } + public void setEvenementsFiltres(List evenementsFiltres) { + this.evenementsFiltres = evenementsFiltres; + } + + public List getEvenementsSelectionnes() { return evenementsSelectionnes; } + public void setEvenementsSelectionnes(List evenementsSelectionnes) { + this.evenementsSelectionnes = evenementsSelectionnes; + } + + public List getEvenementsProchains() { return evenementsProchains; } + public void setEvenementsProchains(List evenementsProchains) { + this.evenementsProchains = evenementsProchains; + } + + public EvenementDTO getEvenementSelectionne() { return evenementSelectionne; } + public void setEvenementSelectionne(EvenementDTO evenementSelectionne) { + this.evenementSelectionne = evenementSelectionne; + } + + public EvenementDTO getNouvelEvenement() { return nouvelEvenement; } + public void setNouvelEvenement(EvenementDTO nouvelEvenement) { + this.nouvelEvenement = nouvelEvenement; + } + + public FiltresEvenement getFiltres() { return filtres; } + public void setFiltres(FiltresEvenement filtres) { this.filtres = filtres; } + + public StatistiquesEvenements getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesEvenements statistiques) { + this.statistiques = statistiques; + } + + // Classes internes pour les filtres et statistiques + + public static class FiltresEvenement implements Serializable { + private static final long serialVersionUID = 1L; + + private String titre; + private String type; + private String statut; + private String organisateur; + private String priorite; + private LocalDate dateDebut; + private LocalDate dateFin; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getOrganisateur() { return organisateur; } + public void setOrganisateur(String organisateur) { this.organisateur = organisateur; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + } + + public static class StatistiquesEvenements implements Serializable { + private static final long serialVersionUID = 1L; + + private int totalEvenements; + private int evenementsActifs; + private int participantsTotal; + private String budgetTotal; + private int moyenneParticipants; + private int evenementsCeMois; + private int tauxParticipationMoyen; + + // Getters et setters + public int getTotalEvenements() { return totalEvenements; } + public void setTotalEvenements(int totalEvenements) { + this.totalEvenements = totalEvenements; + } + + public int getEvenementsActifs() { return evenementsActifs; } + public void setEvenementsActifs(int evenementsActifs) { + this.evenementsActifs = evenementsActifs; + } + + public int getParticipantsTotal() { return participantsTotal; } + public void setParticipantsTotal(int participantsTotal) { + this.participantsTotal = participantsTotal; + } + + public String getBudgetTotal() { return budgetTotal; } + public void setBudgetTotal(String budgetTotal) { + this.budgetTotal = budgetTotal; + } + + public int getMoyenneParticipants() { return moyenneParticipants; } + public void setMoyenneParticipants(int moyenneParticipants) { + this.moyenneParticipants = moyenneParticipants; + } + + public int getEvenementsCeMois() { return evenementsCeMois; } + public void setEvenementsCeMois(int evenementsCeMois) { + this.evenementsCeMois = evenementsCeMois; + } + + public int getTauxParticipationMoyen() { return tauxParticipationMoyen; } + public void setTauxParticipationMoyen(int tauxParticipationMoyen) { + this.tauxParticipationMoyen = tauxParticipationMoyen; + } + } +} diff --git a/src/main/java/dev/lions/unionflow/client/view/FavorisBean.java b/src/main/java/dev/lions/unionflow/client/view/FavorisBean.java new file mode 100644 index 0000000..93776d8 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/FavorisBean.java @@ -0,0 +1,470 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; + +/** + * Bean pour la gestion des favoris de l'utilisateur + * Gère les pages favorites, documents favoris, contacts favoris et raccourcis personnalisés + */ +@Named("favorisBean") +@SessionScoped +public class FavorisBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(FavorisBean.class.getName()); + + @Inject + private UserSession userSession; + + // Statistiques + private int totalFavoris = 0; + private int totalPages = 0; + private int totalDocuments = 0; + private int totalContacts = 0; + + // Favoris + private List pagesFavorites; + private List documentsFavoris; + private List contactsFavoris; + private List raccourcis; + + @PostConstruct + public void init() { + chargerFavoris(); + } + + /** + * Charge tous les favoris + */ + public void chargerFavoris() { + chargerPagesFavorites(); + chargerDocumentsFavoris(); + chargerContactsFavoris(); + chargerRaccourcis(); + calculerStatistiques(); + } + + /** + * Charge les pages favorites + */ + private void chargerPagesFavorites() { + pagesFavorites = new ArrayList<>(); + + // Pages favorites par défaut + PageFavorite page1 = new PageFavorite(); + page1.setId(UUID.randomUUID()); + page1.setTitre("Mes Activités"); + page1.setDescription("Historique et suivi de vos actions"); + page1.setUrl("/pages/secure/personnel/activites.xhtml"); + page1.setIcon("pi-chart-bar"); + page1.setCouleur("blue"); + page1.setCategorie("FONCTIONNALITE"); + page1.setDerniereVisite("il y a 5 min"); + page1.setNbVisites(45); + page1.setEstPlusUtilise(true); + pagesFavorites.add(page1); + + PageFavorite page2 = new PageFavorite(); + page2.setId(UUID.randomUUID()); + page2.setTitre("Mon Agenda"); + page2.setDescription("Planning et événements personnels"); + page2.setUrl("/pages/secure/personnel/agenda.xhtml"); + page2.setIcon("pi-calendar"); + page2.setCouleur("green"); + page2.setCategorie("FONCTIONNALITE"); + page2.setDerniereVisite("il y a 2h"); + page2.setNbVisites(23); + pagesFavorites.add(page2); + + PageFavorite page3 = new PageFavorite(); + page3.setId(UUID.randomUUID()); + page3.setTitre("Liste des Membres"); + page3.setDescription("Annuaire et contacts membres"); + page3.setUrl("/pages/secure/membre/liste.xhtml"); + page3.setIcon("pi-users"); + page3.setCouleur("purple"); + page3.setCategorie("FONCTIONNALITE"); + page3.setDerniereVisite("Hier"); + page3.setNbVisites(12); + pagesFavorites.add(page3); + + PageFavorite page4 = new PageFavorite(); + page4.setId(UUID.randomUUID()); + page4.setTitre("Cotisations"); + page4.setDescription("Paiements et historique"); + page4.setUrl("/pages/secure/cotisation/liste.xhtml"); + page4.setIcon("pi-dollar"); + page4.setCouleur("orange"); + page4.setCategorie("FINANCE"); + page4.setDerniereVisite("il y a 3 jours"); + page4.setNbVisites(8); + pagesFavorites.add(page4); + + PageFavorite page5 = new PageFavorite(); + page5.setId(UUID.randomUUID()); + page5.setTitre("Rapports Financiers"); + page5.setDescription("Consultez vos rapports financiers personnels"); + page5.setUrl("/pages/secure/rapport/finances.xhtml"); + page5.setIcon("pi-chart-bar"); + page5.setCouleur("green"); + page5.setCategorie("FINANCE"); + page5.setDerniereVisite("il y a 1 semaine"); + page5.setNbVisites(3); + pagesFavorites.add(page5); + + PageFavorite page6 = new PageFavorite(); + page6.setId(UUID.randomUUID()); + page6.setTitre("Mes Formations"); + page6.setDescription("Catalogue et suivi de vos formations"); + page6.setUrl("/pages/secure/formation/liste.xhtml"); + page6.setIcon("pi-graduation-cap"); + page6.setCouleur("purple"); + page6.setCategorie("FORMATION"); + page6.setDerniereVisite("il y a 1 semaine"); + page6.setNbVisites(1); + pagesFavorites.add(page6); + + PageFavorite page7 = new PageFavorite(); + page7.setId(UUID.randomUUID()); + page7.setTitre("Guide Utilisateur"); + page7.setDescription("Documentation et aide à l'utilisation"); + page7.setUrl("/pages/public/aide.xhtml"); + page7.setIcon("pi-book"); + page7.setCouleur("green"); + page7.setCategorie("AIDE"); + page7.setDerniereVisite("il y a 1 semaine"); + page7.setNbVisites(5); + pagesFavorites.add(page7); + + PageFavorite page8 = new PageFavorite(); + page8.setId(UUID.randomUUID()); + page8.setTitre("Rapports & Statistiques"); + page8.setDescription("Analyses et statistiques détaillées"); + page8.setUrl("/pages/secure/rapport/activites.xhtml"); + page8.setIcon("pi-chart-line"); + page8.setCouleur("blue"); + page8.setCategorie("RAPPORT"); + page8.setDerniereVisite("il y a 2 semaines"); + page8.setNbVisites(2); + pagesFavorites.add(page8); + } + + /** + * Charge les documents favoris + */ + private void chargerDocumentsFavoris() { + documentsFavoris = new ArrayList<>(); + + DocumentFavorite doc1 = new DocumentFavorite(); + doc1.setId(UUID.randomUUID()); + doc1.setNom("Certificat_Formation_Leadership_2023.pdf"); + doc1.setType("PDF"); + doc1.setTaille(2457600); // 2.4 MB + doc1.setDateAjout(LocalDate.of(2023, 12, 15)); + doc1.setCategorie("CERTIFICAT"); + doc1.setDescription("Certification de leadership obtenue en 2023"); + documentsFavoris.add(doc1); + + DocumentFavorite doc2 = new DocumentFavorite(); + doc2.setId(UUID.randomUUID()); + doc2.setNom("Budget_Personnel_2024.xlsx"); + doc2.setType("XLSX"); + doc2.setTaille(91136); // 89 KB + doc2.setDateAjout(LocalDate.of(2024, 1, 3)); + doc2.setCategorie("BUDGET"); + doc2.setDescription("Feuille de calcul pour la gestion budgétaire"); + documentsFavoris.add(doc2); + + DocumentFavorite doc3 = new DocumentFavorite(); + doc3.setId(UUID.randomUUID()); + doc3.setNom("Reglement_Interieur_2024.docx"); + doc3.setType("DOCX"); + doc3.setTaille(250880); // 245 KB + doc3.setDateAjout(LocalDate.of(2023, 12, 28)); + doc3.setCategorie("REGLEMENT"); + doc3.setDescription("Règlement intérieur de l'association mis à jour"); + documentsFavoris.add(doc3); + } + + /** + * Charge les contacts favoris + */ + private void chargerContactsFavoris() { + contactsFavoris = new ArrayList<>(); + + ContactFavorite contact1 = new ContactFavorite(); + contact1.setId(UUID.randomUUID()); + contact1.setNom("Thomas Martin"); + contact1.setFonction("Président de l'association"); + contact1.setEmail("thomas.martin@email.com"); + contact1.setCategorie("ADMIN"); + contactsFavoris.add(contact1); + + ContactFavorite contact2 = new ContactFavorite(); + contact2.setId(UUID.randomUUID()); + contact2.setNom("Sophie Leroy"); + contact2.setFonction("Responsable formations"); + contact2.setEmail("sophie.leroy@email.com"); + contact2.setCategorie("FORMATION"); + contactsFavoris.add(contact2); + + ContactFavorite contact3 = new ContactFavorite(); + contact3.setId(UUID.randomUUID()); + contact3.setNom("Marc Durand"); + contact3.setFonction("Support technique"); + contact3.setEmail("marc.durand@email.com"); + contact3.setCategorie("SUPPORT"); + contactsFavoris.add(contact3); + } + + /** + * Charge les raccourcis personnalisés + */ + private void chargerRaccourcis() { + raccourcis = new ArrayList<>(); + + RaccourciPersonnalise racc1 = new RaccourciPersonnalise(); + racc1.setId(UUID.randomUUID()); + racc1.setTitre("Nouveau Membre"); + racc1.setDescription("Lien direct vers le formulaire d'inscription"); + racc1.setUrl("/pages/secure/membre/creation.xhtml"); + racc1.setIcon("pi-bookmark"); + racc1.setCouleur("blue"); + raccourcis.add(racc1); + + RaccourciPersonnalise racc2 = new RaccourciPersonnalise(); + racc2.setId(UUID.randomUUID()); + racc2.setTitre("Calculateur"); + racc2.setDescription("Calcul automatique des cotisations"); + racc2.setUrl("/pages/secure/cotisation/calculateur.xhtml"); + racc2.setIcon("pi-calculator"); + racc2.setCouleur("green"); + raccourcis.add(racc2); + + RaccourciPersonnalise racc3 = new RaccourciPersonnalise(); + racc3.setId(UUID.randomUUID()); + racc3.setTitre("Impression Rapide"); + racc3.setDescription("Templates prêts à imprimer"); + racc3.setUrl("/pages/secure/document/impression.xhtml"); + racc3.setIcon("pi-print"); + racc3.setCouleur("purple"); + raccourcis.add(racc3); + } + + /** + * Calcule les statistiques + */ + private void calculerStatistiques() { + totalPages = pagesFavorites != null ? pagesFavorites.size() : 0; + totalDocuments = documentsFavoris != null ? documentsFavoris.size() : 0; + totalContacts = contactsFavoris != null ? contactsFavoris.size() : 0; + totalFavoris = totalPages + totalDocuments + totalContacts; + } + + /** + * Retire une page des favoris + */ + public void retirerPageFavorite(UUID id) { + if (pagesFavorites != null) { + pagesFavorites.removeIf(p -> p.getId().equals(id)); + calculerStatistiques(); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", "Page retirée des favoris"); + } + } + + /** + * Retire un document des favoris + */ + public void retirerDocumentFavorite(UUID id) { + if (documentsFavoris != null) { + documentsFavoris.removeIf(d -> d.getId().equals(id)); + calculerStatistiques(); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", "Document retiré des favoris"); + } + } + + /** + * Retire un contact des favoris + */ + public void retirerContactFavorite(UUID id) { + if (contactsFavoris != null) { + contactsFavoris.removeIf(c -> c.getId().equals(id)); + calculerStatistiques(); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", "Contact retiré des favoris"); + } + } + + /** + * Supprime un raccourci + */ + public void supprimerRaccourci(UUID id) { + if (raccourcis != null) { + raccourcis.removeIf(r -> r.getId().equals(id)); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", "Raccourci supprimé"); + } + } + + /** + * Nettoie tous les favoris + */ + public void nettoyerTousFavoris() { + pagesFavorites.clear(); + documentsFavoris.clear(); + contactsFavoris.clear(); + calculerStatistiques(); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", "Tous les favoris ont été supprimés"); + } + + private void ajouterMessage(FacesMessage.Severity severity, String summary, String detail) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(severity, summary, detail)); + } + + // Getters et Setters + public int getTotalFavoris() { return totalFavoris; } + public void setTotalFavoris(int totalFavoris) { this.totalFavoris = totalFavoris; } + + public int getTotalPages() { return totalPages; } + public void setTotalPages(int totalPages) { this.totalPages = totalPages; } + + public int getTotalDocuments() { return totalDocuments; } + public void setTotalDocuments(int totalDocuments) { this.totalDocuments = totalDocuments; } + + public int getTotalContacts() { return totalContacts; } + public void setTotalContacts(int totalContacts) { this.totalContacts = totalContacts; } + + public List getPagesFavorites() { return pagesFavorites; } + public void setPagesFavorites(List pagesFavorites) { this.pagesFavorites = pagesFavorites; } + + public List getDocumentsFavoris() { return documentsFavoris; } + public void setDocumentsFavoris(List documentsFavoris) { this.documentsFavoris = documentsFavoris; } + + public List getContactsFavoris() { return contactsFavoris; } + public void setContactsFavoris(List contactsFavoris) { this.contactsFavoris = contactsFavoris; } + + public List getRaccourcis() { return raccourcis; } + public void setRaccourcis(List raccourcis) { this.raccourcis = raccourcis; } + + // Classes internes + public static class PageFavorite implements Serializable { + private UUID id; + private String titre; + private String description; + private String url; + private String icon; + private String couleur; + private String categorie; + private String derniereVisite; + private int nbVisites; + private boolean estPlusUtilise; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + public String getUrl() { return url; } + public void setUrl(String url) { this.url = url; } + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + public String getDerniereVisite() { return derniereVisite; } + public void setDerniereVisite(String derniereVisite) { this.derniereVisite = derniereVisite; } + public int getNbVisites() { return nbVisites; } + public void setNbVisites(int nbVisites) { this.nbVisites = nbVisites; } + public boolean isEstPlusUtilise() { return estPlusUtilise; } + public void setEstPlusUtilise(boolean estPlusUtilise) { this.estPlusUtilise = estPlusUtilise; } + } + + public static class DocumentFavorite implements Serializable { + private UUID id; + private String nom; + private String type; + private long taille; + private LocalDate dateAjout; + private String categorie; + private String description; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + public String getType() { return type; } + public void setType(String type) { this.type = type; } + public long getTaille() { return taille; } + public void setTaille(long taille) { this.taille = taille; } + public LocalDate getDateAjout() { return dateAjout; } + public void setDateAjout(LocalDate dateAjout) { this.dateAjout = dateAjout; } + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getTailleFormatee() { + if (taille < 1024) { + return taille + " B"; + } else if (taille < 1024 * 1024) { + return String.format("%.1f KB", taille / 1024.0); + } else { + return String.format("%.1f MB", taille / (1024.0 * 1024.0)); + } + } + } + + public static class ContactFavorite implements Serializable { + private UUID id; + private String nom; + private String fonction; + private String email; + private String categorie; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + public String getFonction() { return fonction; } + public void setFonction(String fonction) { this.fonction = fonction; } + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + } + + public static class RaccourciPersonnalise implements Serializable { + private UUID id; + private String titre; + private String description; + private String url; + private String icon; + private String couleur; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + public String getUrl() { return url; } + public void setUrl(String url) { this.url = url; } + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/view/FormulaireBean.java b/src/main/java/dev/lions/unionflow/client/view/FormulaireBean.java new file mode 100644 index 0000000..a9b42df --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/FormulaireBean.java @@ -0,0 +1,193 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.FormulaireDTO; +import dev.lions.unionflow.client.dto.SouscriptionDTO; +import dev.lions.unionflow.client.service.FormulaireService; +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.math.BigDecimal; +import java.util.ArrayList; +import java.util.List; +import java.util.logging.Logger; + +@Named("formulaireBean") +@RequestScoped +public class FormulaireBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(FormulaireBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_SOUSCRIPTION_CHECKOUT = "souscriptionCheckoutPage"; + private static final String OUTCOME_FORMULAIRE_DETAILS = "formulaireDetailsPage"; + + @Inject + @RestClient + private FormulaireService formulaireService; + + private List formulaires; + private List formulairesPopulaires; + private FormulaireDTO formulaireSelectionne; + private SouscriptionDTO.TypeFacturation typeFacturationSelectionne = SouscriptionDTO.TypeFacturation.MENSUEL; + + // Filtres + private Integer membresMax; + private BigDecimal budgetMax; + private String categorieFiltre = "ALL"; + + @PostConstruct + public void init() { + initializeFormulaires(); + } + + private void initializeFormulaires() { + formulaires = new ArrayList<>(); + try { + formulaires = formulaireService.listerActifs(); + formulairesPopulaires = formulaireService.listerPopulaires(); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des formulaires: " + e.getMessage()); + formulaires = new ArrayList<>(); + formulairesPopulaires = new ArrayList<>(); + } + } + + public void selectionnerFormulaire(FormulaireDTO formulaire) { + this.formulaireSelectionne = formulaire; + } + + public String procederSouscription() { + if (formulaireSelectionne != null) { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_SOUSCRIPTION_CHECKOUT + "?formulaire=" + + formulaireSelectionne.getId() + + "&facturation=" + typeFacturationSelectionne.name() + + "&faces-redirect=true"; + } + return null; + } + + public String voirDetailsFormulaire(FormulaireDTO formulaire) { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_FORMULAIRE_DETAILS + "?id=" + formulaire.getId() + "&faces-redirect=true"; + } + + public List getFormulairesFiltres() { + return formulaires.stream() + .filter(f -> { + // Filtre par nombre de membres + if (membresMax != null && f.getQuotaMaxMembres() > membresMax) { + return false; + } + + // Filtre par budget + if (budgetMax != null) { + BigDecimal prix = (typeFacturationSelectionne == SouscriptionDTO.TypeFacturation.MENSUEL) + ? f.getPrixMensuel() : f.getPrixAnnuel(); + if (prix.compareTo(budgetMax) > 0) { + return false; + } + } + + // Filtre par catégorie + if (!"ALL".equals(categorieFiltre)) { + switch (categorieFiltre) { + case "SMALL": + return f.getQuotaMaxMembres() <= 50; + case "MEDIUM": + return f.getQuotaMaxMembres() > 50 && f.getQuotaMaxMembres() <= 200; + case "LARGE": + return f.getQuotaMaxMembres() > 200; + } + } + + return true; + }) + .toList(); + } + + public void resetFiltres() { + membresMax = null; + budgetMax = null; + categorieFiltre = "ALL"; + } + + public String getPrixAffiche(FormulaireDTO formulaire) { + if (typeFacturationSelectionne == SouscriptionDTO.TypeFacturation.MENSUEL) { + return formulaire.getPrixMensuelFormat() + "/mois"; + } else { + return formulaire.getPrixAnnuelFormat() + "/an"; + } + } + + public String getEconomieAffichee(FormulaireDTO formulaire) { + if (typeFacturationSelectionne == SouscriptionDTO.TypeFacturation.ANNUEL) { + int pourcentage = formulaire.getPourcentageEconomie(); + if (pourcentage > 0) { + return "Économisez " + pourcentage + "%"; + } + } + return ""; + } + + public boolean isFormulaireFonctionnaliteActive(FormulaireDTO formulaire, String fonctionnalite) { + switch (fonctionnalite.toLowerCase()) { + case "membres": + return formulaire.isGestionMembres(); + case "cotisations": + return formulaire.isGestionCotisations(); + case "evenements": + return formulaire.isGestionEvenements(); + case "aides": + return formulaire.isGestionAides(); + case "rapports": + return formulaire.isRapportsAvances(); + case "support": + return formulaire.isSupportPrioritaire(); + case "sauvegarde": + return formulaire.isSauvegardeAutomatique(); + case "personnalisation": + return formulaire.isPersonnalisationAvancee(); + case "paiement": + return formulaire.isIntegrationPaiement(); + case "email": + return formulaire.isNotificationsEmail(); + case "sms": + return formulaire.isNotificationsSMS(); + case "documents": + return formulaire.isGestionDocuments(); + default: + return false; + } + } + + public String getComparaisonClasse() { + return formulaires.size() <= 3 ? "col-12 md:col-4" : "col-12 md:col-6 lg:col-3"; + } + + // Getters et Setters + public List getFormulaires() { return formulaires; } + public void setFormulaires(List formulaires) { this.formulaires = formulaires; } + + public List getFormulairesPopulaires() { return formulairesPopulaires; } + public void setFormulairesPopulaires(List formulairesPopulaires) { this.formulairesPopulaires = formulairesPopulaires; } + + public FormulaireDTO getFormulaireSelectionne() { return formulaireSelectionne; } + public void setFormulaireSelectionne(FormulaireDTO formulaireSelectionne) { this.formulaireSelectionne = formulaireSelectionne; } + + public SouscriptionDTO.TypeFacturation getTypeFacturationSelectionne() { return typeFacturationSelectionne; } + public void setTypeFacturationSelectionne(SouscriptionDTO.TypeFacturation typeFacturationSelectionne) { this.typeFacturationSelectionne = typeFacturationSelectionne; } + + public Integer getMembresMax() { return membresMax; } + public void setMembresMax(Integer membresMax) { this.membresMax = membresMax; } + + public BigDecimal getBudgetMax() { return budgetMax; } + public void setBudgetMax(BigDecimal budgetMax) { this.budgetMax = budgetMax; } + + public String getCategorieFiltre() { return categorieFiltre; } + public void setCategorieFiltre(String categorieFiltre) { this.categorieFiltre = categorieFiltre; } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/GuestPreferences.java b/src/main/java/dev/lions/unionflow/client/view/GuestPreferences.java new file mode 100644 index 0000000..edfd2b7 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/GuestPreferences.java @@ -0,0 +1,146 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; + +@Named("guestPreferences") +@SessionScoped +public class GuestPreferences implements Serializable { + + private static final long serialVersionUID = 1L; + + private String theme = "blue-light"; + private String layout = "light"; + private String componentTheme = "blue-light"; + private String darkMode = "light"; + private String menuMode = "layout-sidebar"; + private String topbarTheme = "light"; + private String menuTheme = "light"; + private String inputStyle = "outlined"; + private boolean lightLogo = false; + + public String getTheme() { + return theme; + } + + public void setTheme(String theme) { + this.theme = theme; + } + + public String getLayout() { + return layout; + } + + public void setLayout(String layout) { + this.layout = layout; + } + + public String getComponentTheme() { + return componentTheme; + } + + public void setComponentTheme(String componentTheme) { + this.componentTheme = componentTheme; + } + + public String getDarkMode() { + return darkMode; + } + + public void setDarkMode(String darkMode) { + this.darkMode = darkMode; + this.lightLogo = "dark".equals(darkMode); + } + + public String getMenuMode() { + return menuMode; + } + + public void setMenuMode(String menuMode) { + this.menuMode = menuMode; + } + + public String getTopbarTheme() { + return topbarTheme; + } + + public void setTopbarTheme(String topbarTheme) { + this.topbarTheme = topbarTheme; + } + + public String getMenuTheme() { + return menuTheme; + } + + public void setMenuTheme(String menuTheme) { + this.menuTheme = menuTheme; + } + + public String getInputStyle() { + return inputStyle; + } + + public void setInputStyle(String inputStyle) { + this.inputStyle = inputStyle; + } + + public boolean isLightLogo() { + return lightLogo; + } + + public void setLightLogo(boolean lightLogo) { + this.lightLogo = lightLogo; + } + + public String getInputStyleClass() { + return "p-input-" + inputStyle; + } + + public String getLayoutClass() { + return "layout-" + layout + " layout-theme-" + theme; + } + + public List getComponentThemes() { + List themes = new ArrayList<>(); + themes.add(new ComponentTheme("blue-light", "Blue", "#007ad9")); + themes.add(new ComponentTheme("green-light", "Green", "#28a745")); + themes.add(new ComponentTheme("orange-light", "Orange", "#fd7e14")); + themes.add(new ComponentTheme("purple-light", "Purple", "#6f42c1")); + themes.add(new ComponentTheme("pink-light", "Pink", "#e83e8c")); + themes.add(new ComponentTheme("indigo-light", "Indigo", "#6610f2")); + themes.add(new ComponentTheme("teal-light", "Teal", "#20c997")); + themes.add(new ComponentTheme("cyan-light", "Cyan", "#17a2b8")); + return themes; + } + + public void onMenuTypeChange() { + // Called when menu type changes + } + + public static class ComponentTheme { + private String file; + private String name; + private String color; + + public ComponentTheme(String file, String name, String color) { + this.file = file; + this.name = name; + this.color = color; + } + + public String getFile() { + return file; + } + + public String getName() { + return name; + } + + public String getColor() { + return color; + } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/GuideBean.java b/src/main/java/dev/lions/unionflow/client/view/GuideBean.java new file mode 100644 index 0000000..53e4317 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/GuideBean.java @@ -0,0 +1,241 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.util.*; +import java.util.stream.Collectors; + +@Named("guideBean") +@SessionScoped +public class GuideBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Structure du guide + private List toutesSections; + private SectionGuide sectionCourante; + private String sectionActiveId = "default"; + private int sectionActive = 0; + + // Recherche + private String termeRecherche = ""; + + public GuideBean() { + initialiserSections(); + sectionCourante = new SectionGuide("default", "Accueil", "", "", 0, false); + } + + private void initialiserSections() { + toutesSections = new ArrayList<>(); + + // Section 1: Premiers pas + toutesSections.add(new SectionGuide("premiers-pas-connexion", "Se connecter", "Premiers Pas", "Apprendre à se connecter à UnionFlow", 5, false)); + toutesSections.add(new SectionGuide("premiers-pas-interface", "Découvrir l'interface", "Premiers Pas", "Navigation et organisation de l'interface", 8, false)); + toutesSections.add(new SectionGuide("premiers-pas-profil", "Configurer son profil", "Premiers Pas", "Personnaliser ses informations personnelles", 10, false)); + toutesSections.add(new SectionGuide("premiers-pas-navigation", "Navigation dans le système", "Premiers Pas", "Utiliser les menus et raccourcis", 6, false)); + + // Section 2: Gestion des membres + toutesSections.add(new SectionGuide("membres-inscription", "Inscrire un membre", "Gestion Membres", "Processus d'inscription d'un nouveau membre", 12, false)); + toutesSections.add(new SectionGuide("membres-modification", "Modifier un profil", "Gestion Membres", "Mettre à jour les informations d'un membre", 8, false)); + toutesSections.add(new SectionGuide("membres-recherche", "Rechercher des membres", "Gestion Membres", "Utiliser les filtres de recherche avancée", 6, false)); + toutesSections.add(new SectionGuide("membres-export", "Exporter la liste", "Gestion Membres", "Générer des exports Excel et PDF", 10, false)); + toutesSections.add(new SectionGuide("membres-historique", "Consulter l'historique", "Gestion Membres", "Suivre les modifications et activités", 7, false)); + + // Section 3: Finances + toutesSections.add(new SectionGuide("finances-cotisations", "Gérer les cotisations", "Finances", "Configuration et suivi des cotisations", 15, false)); + toutesSections.add(new SectionGuide("finances-paiements", "Enregistrer les paiements", "Finances", "Saisie manuelle et automatique", 12, false)); + toutesSections.add(new SectionGuide("finances-relances", "Relances automatiques", "Finances", "Configuration des rappels de paiement", 10, false)); + toutesSections.add(new SectionGuide("finances-rapports", "Rapports financiers", "Finances", "Générer des bilans et statistiques", 18, false)); + + // Section 4: Événements + toutesSections.add(new SectionGuide("events-creation", "Créer un événement", "Événements", "Planifier et organiser des événements", 15, false)); + toutesSections.add(new SectionGuide("events-inscriptions", "Gérer les inscriptions", "Événements", "Suivre les participations", 10, false)); + toutesSections.add(new SectionGuide("events-communication", "Communication événement", "Événements", "Envoyer invitations et rappels", 12, false)); + toutesSections.add(new SectionGuide("events-bilan", "Bilan post-événement", "Événements", "Analyser la participation et satisfaction", 8, false)); + + // Section 5: Rapports + toutesSections.add(new SectionGuide("rapports-creation", "Créer des rapports", "Rapports", "Utiliser le générateur de rapports", 20, false)); + toutesSections.add(new SectionGuide("rapports-tableaux", "Tableaux de bord", "Rapports", "Configurer ses indicateurs personnalisés", 15, false)); + toutesSections.add(new SectionGuide("rapports-export", "Export et partage", "Rapports", "Distribuer les rapports aux parties prenantes", 10, false)); + + // Section 6: Administration + toutesSections.add(new SectionGuide("admin-utilisateurs", "Gestion des utilisateurs", "Administration", "Créer et gérer les comptes utilisateurs", 18, false)); + toutesSections.add(new SectionGuide("admin-permissions", "Rôles et permissions", "Administration", "Configuration des droits d'accès", 22, false)); + toutesSections.add(new SectionGuide("admin-parametres", "Paramètres système", "Administration", "Configuration générale de l'application", 25, false)); + toutesSections.add(new SectionGuide("admin-sauvegarde", "Sauvegarde et sécurité", "Administration", "Protéger et sauvegarder les données", 15, false)); + toutesSections.add(new SectionGuide("admin-audit", "Journal d'audit", "Administration", "Surveiller l'activité et la sécurité", 12, false)); + } + + // Getters pour les sections par catégorie + public List getSectionsPremiersPas() { + return toutesSections.stream() + .filter(s -> "Premiers Pas".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsMembres() { + return toutesSections.stream() + .filter(s -> "Gestion Membres".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsFinances() { + return toutesSections.stream() + .filter(s -> "Finances".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsEvenements() { + return toutesSections.stream() + .filter(s -> "Événements".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsRapports() { + return toutesSections.stream() + .filter(s -> "Rapports".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + public List getSectionsAdmin() { + return toutesSections.stream() + .filter(s -> "Administration".equals(s.getCategorie())) + .collect(Collectors.toList()); + } + + // Statistiques de progression + public int getTotalSections() { + return toutesSections.size(); + } + + public int getSectionsLues() { + return (int) toutesSections.stream().filter(SectionGuide::isLu).count(); + } + + public int getPourcentageProgression() { + if (getTotalSections() == 0) return 0; + return (getSectionsLues() * 100) / getTotalSections(); + } + + // Navigation + public void naviguerVers(String sectionId) { + this.sectionActiveId = sectionId; + this.sectionCourante = toutesSections.stream() + .filter(s -> s.getId().equals(sectionId)) + .findFirst() + .orElse(new SectionGuide("default", "Accueil", "", "", 0, false)); + } + + public void sectionPrecedente() { + int index = trouverIndexSection(sectionActiveId); + if (index > 0) { + naviguerVers(toutesSections.get(index - 1).getId()); + } + } + + public void sectionSuivante() { + int index = trouverIndexSection(sectionActiveId); + if (index < toutesSections.size() - 1) { + naviguerVers(toutesSections.get(index + 1).getId()); + } + } + + public boolean isAPrecedent() { + return trouverIndexSection(sectionActiveId) > 0; + } + + public boolean isASuivant() { + int index = trouverIndexSection(sectionActiveId); + return index >= 0 && index < toutesSections.size() - 1; + } + + private int trouverIndexSection(String sectionId) { + for (int i = 0; i < toutesSections.size(); i++) { + if (toutesSections.get(i).getId().equals(sectionId)) { + return i; + } + } + return -1; + } + + // Marquer comme lu + public void marquerCommeLu() { + if (sectionCourante != null && !sectionCourante.getId().equals("default")) { + sectionCourante.setLu(true); + // Mettre à jour aussi dans la liste principale + toutesSections.stream() + .filter(s -> s.getId().equals(sectionCourante.getId())) + .findFirst() + .ifPresent(s -> s.setLu(true)); + } + } + + // Recherche + public List getResultatsRecherche() { + if (termeRecherche == null || termeRecherche.trim().isEmpty()) { + return new ArrayList<>(); + } + + String terme = termeRecherche.toLowerCase(); + return toutesSections.stream() + .filter(s -> s.getTitre().toLowerCase().contains(terme) || + s.getDescription().toLowerCase().contains(terme) || + s.getCategorie().toLowerCase().contains(terme)) + .limit(8) + .collect(Collectors.toList()); + } + + // Getters et Setters + public SectionGuide getSectionCourante() { return sectionCourante; } + public void setSectionCourante(SectionGuide sectionCourante) { this.sectionCourante = sectionCourante; } + + public String getSectionActiveId() { return sectionActiveId; } + public void setSectionActiveId(String sectionActiveId) { this.sectionActiveId = sectionActiveId; } + + public int getSectionActive() { return sectionActive; } + public void setSectionActive(int sectionActive) { this.sectionActive = sectionActive; } + + public String getTermeRecherche() { return termeRecherche; } + public void setTermeRecherche(String termeRecherche) { this.termeRecherche = termeRecherche; } + + // Classe interne SectionGuide + public static class SectionGuide implements Serializable { + private String id; + private String titre; + private String categorie; + private String description; + private int tempsLecture; // en minutes + private boolean lu; + + public SectionGuide() {} + + public SectionGuide(String id, String titre, String categorie, String description, int tempsLecture, boolean lu) { + this.id = id; + this.titre = titre; + this.categorie = categorie; + this.description = description; + this.tempsLecture = tempsLecture; + this.lu = lu; + } + + // Getters et Setters + public String getId() { return id; } + public void setId(String id) { this.id = id; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getCategorie() { return categorie; } + public void setCategorie(String categorie) { this.categorie = categorie; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public int getTempsLecture() { return tempsLecture; } + public void setTempsLecture(int tempsLecture) { this.tempsLecture = tempsLecture; } + + public boolean isLu() { return lu; } + public void setLu(boolean lu) { this.lu = lu; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/HelloView.java b/src/main/java/dev/lions/unionflow/client/view/HelloView.java new file mode 100644 index 0000000..bceab66 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/HelloView.java @@ -0,0 +1,48 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Named; +import java.io.Serializable; + +@Named("helloView") +@RequestScoped +public class HelloView implements Serializable { + + private static final long serialVersionUID = 1L; + + private String message = "Bienvenue sur UnionFlow avec Quarkus et PrimeFaces!"; + private String name; + private String greeting; + + public void sayHello() { + if (name != null && !name.isEmpty()) { + greeting = "Bonjour " + name + " ! Bienvenue sur UnionFlow."; + } else { + greeting = "Veuillez entrer votre nom."; + } + } + + public String getMessage() { + return message; + } + + public void setMessage(String message) { + this.message = message; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getGreeting() { + return greeting; + } + + public void setGreeting(String greeting) { + this.greeting = greeting; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/LoginBean.java b/src/main/java/dev/lions/unionflow/client/view/LoginBean.java new file mode 100644 index 0000000..12b024b --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/LoginBean.java @@ -0,0 +1,84 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.RequestScoped; +import jakarta.faces.context.ExternalContext; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import org.eclipse.microprofile.jwt.JsonWebToken; +import java.io.IOException; +import java.io.Serializable; +import java.util.logging.Logger; + +/** + * Bean de gestion de l'authentification via Keycloak OIDC + * + * @author UnionFlow Team + * @version 2.0 + */ +@Named("loginBean") +@RequestScoped +public class LoginBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(LoginBean.class.getName()); + + @Inject + private JsonWebToken jwt; + + @Inject + private UserSession userSession; + + /** + * Redirige vers Keycloak pour l'authentification + * L'authentification est gérée automatiquement par Quarkus OIDC + */ + public void login() { + try { + // La redirection vers Keycloak est gérée automatiquement par Quarkus OIDC + // via la configuration dans application.properties + LOGGER.info("Redirection vers Keycloak pour l'authentification"); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la redirection vers Keycloak: " + e.getMessage()); + } + } + + /** + * Déconnexion de l'utilisateur + * Redirige vers l'endpoint de déconnexion Keycloak + */ + public String logout() { + try { + // Nettoyer la session locale + userSession.clearSession(); + + // Invalider la session JSF + FacesContext.getCurrentInstance().getExternalContext().invalidateSession(); + + LOGGER.info("Déconnexion réussie"); + + // Redirection vers Keycloak pour la déconnexion complète + ExternalContext externalContext = FacesContext.getCurrentInstance().getExternalContext(); + String logoutUrl = "/auth/logout"; + externalContext.redirect(logoutUrl); + + return null; // La redirection est gérée par redirect() + + } catch (IOException e) { + LOGGER.warning("Erreur lors de la déconnexion: " + e.getMessage()); + + // Même en cas d'erreur, invalider la session locale + userSession.clearSession(); + FacesContext.getCurrentInstance().getExternalContext().invalidateSession(); + + return "/?faces-redirect=true"; + } + } + + /** + * Vérifie si l'utilisateur est authentifié + */ + public boolean isAuthenticated() { + return jwt != null && jwt.getName() != null; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/MembreCotisationBean.java b/src/main/java/dev/lions/unionflow/client/view/MembreCotisationBean.java new file mode 100644 index 0000000..090b793 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/MembreCotisationBean.java @@ -0,0 +1,575 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.CotisationDTO; +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.service.CotisationService; +import dev.lions.unionflow.client.service.MembreService; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; +import java.util.stream.Collectors; + +/** + * Bean pour la gestion des cotisations d'un membre (WOU/DRY) + * + * @author UnionFlow Team + * @version 2.0 + */ +@Named("membreCotisationBean") +@ViewScoped +public class MembreCotisationBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(MembreCotisationBean.class.getName()); + private static final DateTimeFormatter DATE_FORMATTER = DateTimeFormatter.ofPattern("dd/MM/yyyy"); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_MEMBRE_HISTORIQUE_COTISATIONS = "membreHistoriqueCotisationsPage"; + private static final String OUTCOME_MEMBRE_PROFIL = "membreProfilPage"; + + @Inject + @RestClient + private MembreService membreService; + + @Inject + @RestClient + private CotisationService cotisationService; + + // ID du membre (depuis viewParam) + private UUID membreId; + + // Données du membre + private MembreDTO membre; + + // Propriétés de base + private String numeroMembre; + private String statutCotisations; + private String derniereMAJ; + private boolean peutPayer; + + // Statistiques + private int cotisationsPayees; + private int cotisationsEnAttente; + private BigDecimal montantDu; + private BigDecimal totalVerse; + private int progressionAnnuelle; + + // Filtres + private String anneeFilter = "2024"; + private String statutFilter = ""; + private String typeFilter = ""; + + // Paiement + private Object cotisationSelectionnee; + private String modePaiementChoisi = "WAVE"; + private String numeroWave; + private String commentairePaiement; + private BigDecimal montantAPayer = BigDecimal.ZERO; + private String banqueAssociation = "Banque Atlantique"; + private String ibanAssociation = "SN12 1234 5678 9012 3456 7890 12"; + + // Prélèvement automatique + private String numeroWaveAuto; + private int jourPrelevement = 5; + private boolean notificationSMS = true; + private String cotisationMensuelle = "5,000 FCFA"; + + // Listes + private List cotisations = new ArrayList<>(); + private List prochainesEcheances = new ArrayList<>(); + private List cotisationsImpayees = new ArrayList<>(); + + // Totaux périodes + private BigDecimal totalPayePeriode = BigDecimal.ZERO; + private BigDecimal totalEnAttentePeriode = BigDecimal.ZERO; + private BigDecimal totalEnRetardPeriode = BigDecimal.ZERO; + private int tauxConformite = 85; + + // État + private String statutMembre = "Actif"; + private String typeMembre = "Membre Actif"; + private String statutSeverity = "success"; + private int scorePonctualite = 85; + private String commentairePonctualite = "Excellent membre, toujours à jour"; + + @PostConstruct + public void init() { + // Si membreId est null, essayer de le récupérer depuis les paramètres de requête + if (membreId == null) { + String idParam = FacesContext.getCurrentInstance() + .getExternalContext() + .getRequestParameterMap() + .get("id"); + if (idParam != null && !idParam.isEmpty()) { + try { + membreId = UUID.fromString(idParam); + } catch (IllegalArgumentException e) { + LOGGER.severe("ID de membre invalide: " + idParam); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "ID de membre invalide")); + return; + } + } + } + + if (membreId != null) { + chargerMembre(); + chargerCotisations(); + calculerStatistiques(); + } else { + LOGGER.warning("Aucun membreId fourni, impossible de charger les cotisations"); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucun membre sélectionné")); + initialiserDonneesVides(); + } + } + + private void chargerMembre() { + try { + membre = membreService.obtenirParId(membreId); + if (membre != null) { + numeroMembre = membre.getNumeroMembre(); + statutCotisations = membre.getStatut() != null ? membre.getStatut() : "ACTIF"; + derniereMAJ = LocalDate.now().format(DATE_FORMATTER); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement du membre: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de charger le membre: " + e.getMessage())); + initialiserDonneesVides(); + } + } + + private void chargerCotisations() { + try { + List cotisationsDTO = cotisationService.obtenirParMembre(membreId, 0, 100); + cotisations = new ArrayList<>(); + + for (CotisationDTO dto : cotisationsDTO) { + Cotisation cotisation = convertirEnCotisation(dto); + cotisations.add(cotisation); + + if (!"PAYEE".equals(cotisation.getStatut()) && !"PAYE".equals(cotisation.getStatut())) { + cotisationsImpayees.add(cotisation); + } + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des cotisations: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de charger les cotisations: " + e.getMessage())); + cotisations = new ArrayList<>(); + } + } + + private Cotisation convertirEnCotisation(CotisationDTO dto) { + Cotisation cotisation = new Cotisation(); + cotisation.setReference(dto.getNumeroReference() != null ? dto.getNumeroReference() : ""); + cotisation.setLibelle(dto.getLibelle() != null ? dto.getLibelle() : "Cotisation"); + + // Formater la période depuis la date d'échéance + if (dto.getDateEcheance() != null) { + String[] moisNoms = {"Janvier", "Février", "Mars", "Avril", "Mai", "Juin", + "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"}; + int mois = dto.getDateEcheance().getMonthValue(); + int annee = dto.getDateEcheance().getYear(); + cotisation.setPeriode(moisNoms[mois - 1] + " " + annee); + } else { + cotisation.setPeriode(""); + } + + cotisation.setType(dto.getTypeCotisation() != null ? dto.getTypeCotisation() : "MENSUELLE"); + cotisation.setMontant(dto.getMontantDu() != null ? dto.getMontantDu() : BigDecimal.ZERO); + cotisation.setStatut(dto.getStatut() != null ? dto.getStatut() : "EN_ATTENTE"); + cotisation.setDateEcheance(dto.getDateEcheance()); + + // Convertir LocalDateTime en LocalDate pour datePaiement + if (dto.getDatePaiement() != null) { + cotisation.setDatePaiement(dto.getDatePaiement().toLocalDate()); + } + + cotisation.setModePaiement(dto.getMethodePaiement() != null ? dto.getMethodePaiement() : null); + return cotisation; + } + + private void calculerStatistiques() { + cotisationsPayees = (int) cotisations.stream() + .filter(c -> "PAYEE".equals(c.getStatut()) || "PAYE".equals(c.getStatut())) + .count(); + cotisationsEnAttente = (int) cotisations.stream() + .filter(c -> "EN_ATTENTE".equals(c.getStatut())) + .count(); + montantDu = cotisations.stream() + .filter(c -> !"PAYEE".equals(c.getStatut()) && !"PAYE".equals(c.getStatut())) + .map(Cotisation::getMontant) + .reduce(BigDecimal.ZERO, BigDecimal::add); + totalVerse = cotisations.stream() + .filter(c -> "PAYEE".equals(c.getStatut()) || "PAYE".equals(c.getStatut())) + .map(Cotisation::getMontant) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + // Calculer la progression annuelle (basée sur le nombre de cotisations payées) + int totalCotisationsAnnee = (int) cotisations.stream() + .filter(c -> c.getDateEcheance() != null && c.getDateEcheance().getYear() == LocalDate.now().getYear()) + .count(); + progressionAnnuelle = totalCotisationsAnnee > 0 + ? (cotisationsPayees * 100) / totalCotisationsAnnee + : 0; + + peutPayer = !cotisationsImpayees.isEmpty(); + } + + private void initialiserDonneesVides() { + numeroMembre = ""; + statutCotisations = "Non renseigné"; + derniereMAJ = ""; + peutPayer = false; + cotisationsPayees = 0; + cotisationsEnAttente = 0; + montantDu = BigDecimal.ZERO; + totalVerse = BigDecimal.ZERO; + progressionAnnuelle = 0; + cotisations = new ArrayList<>(); + cotisationsImpayees = new ArrayList<>(); + } + + + // Actions + public String voirHistoriqueComplet() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_MEMBRE_HISTORIQUE_COTISATIONS + "?faces-redirect=true"; + } + + public void telechargerRecus() { + // Logique de téléchargement des reçus + } + + public void payerCotisation(Object cotisation) { + // Logique de paiement d'une cotisation + } + + public void actualiser() { + // Actualiser les données depuis le backend (WOU/DRY) + chargerMembre(); + chargerCotisations(); + calculerStatistiques(); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Actualisation", + "Les données ont été actualisées")); + } + + public String confirmerPaiement() { + // Logique de confirmation de paiement + return null; + } + + public void paiementWave() { + // Logique de paiement Wave Money + } + + public void genererAttestation() { + // Logique de génération d'attestation + } + + public void demanderRecu() { + // Logique de demande de reçu + } + + public void activerPrelevementAuto() { + // Logique d'activation du prélèvement automatique + } + + public void telechargerRecu(Object cotisation) { + // Logique de téléchargement de reçu + } + + public void voirDetails(Object cotisation) { + // Logique d'affichage des détails + } + + // Getters et Setters + public UUID getMembreId() { return membreId; } + public void setMembreId(UUID membreId) { this.membreId = membreId; } + + public MembreDTO getMembre() { return membre; } + public void setMembre(MembreDTO membre) { this.membre = membre; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getStatutCotisations() { return statutCotisations; } + public void setStatutCotisations(String statutCotisations) { this.statutCotisations = statutCotisations; } + + public String getDerniereMAJ() { return derniereMAJ; } + public void setDerniereMAJ(String derniereMAJ) { this.derniereMAJ = derniereMAJ; } + + public boolean isPeutPayer() { return peutPayer; } + public void setPeutPayer(boolean peutPayer) { this.peutPayer = peutPayer; } + + public int getCotisationsPayees() { return cotisationsPayees; } + public void setCotisationsPayees(int cotisationsPayees) { this.cotisationsPayees = cotisationsPayees; } + + public int getCotisationsEnAttente() { return cotisationsEnAttente; } + public void setCotisationsEnAttente(int cotisationsEnAttente) { this.cotisationsEnAttente = cotisationsEnAttente; } + + public BigDecimal getMontantDu() { return montantDu; } + public void setMontantDu(BigDecimal montantDu) { this.montantDu = montantDu; } + + public BigDecimal getTotalVerse() { return totalVerse; } + public void setTotalVerse(BigDecimal totalVerse) { this.totalVerse = totalVerse; } + + public int getProgressionAnnuelle() { return progressionAnnuelle; } + public void setProgressionAnnuelle(int progressionAnnuelle) { this.progressionAnnuelle = progressionAnnuelle; } + + public String getAnneeFilter() { return anneeFilter; } + public void setAnneeFilter(String anneeFilter) { this.anneeFilter = anneeFilter; } + + public String getStatutFilter() { return statutFilter; } + public void setStatutFilter(String statutFilter) { this.statutFilter = statutFilter; } + + public String getTypeFilter() { return typeFilter; } + public void setTypeFilter(String typeFilter) { this.typeFilter = typeFilter; } + + public List getCotisations() { return cotisations; } + public void setCotisations(List cotisations) { this.cotisations = cotisations; } + + public List getProchainesEcheances() { return prochainesEcheances; } + public void setProchainesEcheances(List prochainesEcheances) { this.prochainesEcheances = prochainesEcheances; } + + public Object getCotisationSelectionnee() { return cotisationSelectionnee; } + public void setCotisationSelectionnee(Object cotisationSelectionnee) { this.cotisationSelectionnee = cotisationSelectionnee; } + + public List getCotisationsImpayees() { return cotisationsImpayees; } + public void setCotisationsImpayees(List cotisationsImpayees) { this.cotisationsImpayees = cotisationsImpayees; } + + public String getModePaiementChoisi() { return modePaiementChoisi; } + public void setModePaiementChoisi(String modePaiementChoisi) { this.modePaiementChoisi = modePaiementChoisi; } + + public String getNumeroWave() { return numeroWave; } + public void setNumeroWave(String numeroWave) { this.numeroWave = numeroWave; } + + public String getCommentairePaiement() { return commentairePaiement; } + public void setCommentairePaiement(String commentairePaiement) { this.commentairePaiement = commentairePaiement; } + + public BigDecimal getMontantAPayer() { return montantAPayer; } + public void setMontantAPayer(BigDecimal montantAPayer) { this.montantAPayer = montantAPayer; } + + public String getBanqueAssociation() { return banqueAssociation; } + public void setBanqueAssociation(String banqueAssociation) { this.banqueAssociation = banqueAssociation; } + + public String getIbanAssociation() { return ibanAssociation; } + public void setIbanAssociation(String ibanAssociation) { this.ibanAssociation = ibanAssociation; } + + public String getNumeroWaveAuto() { return numeroWaveAuto; } + public void setNumeroWaveAuto(String numeroWaveAuto) { this.numeroWaveAuto = numeroWaveAuto; } + + public int getJourPrelevement() { return jourPrelevement; } + public void setJourPrelevement(int jourPrelevement) { this.jourPrelevement = jourPrelevement; } + + public boolean isNotificationSMS() { return notificationSMS; } + public void setNotificationSMS(boolean notificationSMS) { this.notificationSMS = notificationSMS; } + + public String getCotisationMensuelle() { return cotisationMensuelle; } + public void setCotisationMensuelle(String cotisationMensuelle) { this.cotisationMensuelle = cotisationMensuelle; } + + public BigDecimal getTotalPayePeriode() { return totalPayePeriode; } + public void setTotalPayePeriode(BigDecimal totalPayePeriode) { this.totalPayePeriode = totalPayePeriode; } + + public BigDecimal getTotalEnAttentePeriode() { return totalEnAttentePeriode; } + public void setTotalEnAttentePeriode(BigDecimal totalEnAttentePeriode) { this.totalEnAttentePeriode = totalEnAttentePeriode; } + + public BigDecimal getTotalEnRetardPeriode() { return totalEnRetardPeriode; } + public void setTotalEnRetardPeriode(BigDecimal totalEnRetardPeriode) { this.totalEnRetardPeriode = totalEnRetardPeriode; } + + public int getTauxConformite() { return tauxConformite; } + public void setTauxConformite(int tauxConformite) { this.tauxConformite = tauxConformite; } + + public String getStatutMembre() { return statutMembre; } + public void setStatutMembre(String statutMembre) { this.statutMembre = statutMembre; } + + public String getTypeMembre() { return typeMembre; } + public void setTypeMembre(String typeMembre) { this.typeMembre = typeMembre; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + + public int getScorePonctualite() { return scorePonctualite; } + public void setScorePonctualite(int scorePonctualite) { this.scorePonctualite = scorePonctualite; } + + public String getCommentairePonctualite() { return commentairePonctualite; } + public void setCommentairePonctualite(String commentairePonctualite) { this.commentairePonctualite = commentairePonctualite; } + + public boolean isPeutPayerWave() { return true; } + + // Méthodes pour les charts + public Object getHistoriquePaiementsChart() { + // Retourner un objet chart model vide pour l'instant + return null; + } + + // Classes internes pour les données + public static class Cotisation { + private String reference; + private String libelle; + private String periode; + private String type; + private BigDecimal montant; + private String statut; + private LocalDate dateEcheance; + private LocalDate datePaiement; + private String modePaiement; + + // Getters et setters + public String getReference() { return reference; } + public void setReference(String reference) { this.reference = reference; } + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public BigDecimal getMontant() { return montant; } + public void setMontant(BigDecimal montant) { this.montant = montant; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public LocalDate getDateEcheance() { return dateEcheance; } + public void setDateEcheance(LocalDate dateEcheance) { this.dateEcheance = dateEcheance; } + + public LocalDate getDatePaiement() { return datePaiement; } + public void setDatePaiement(LocalDate datePaiement) { this.datePaiement = datePaiement; } + + public String getModePaiement() { return modePaiement; } + public void setModePaiement(String modePaiement) { this.modePaiement = modePaiement; } + + // Propriétés dérivées pour l'affichage + public String getTypeSeverity() { + return switch (type) { + case "MENSUELLE" -> "info"; + case "SPECIALE" -> "warning"; + case "ADHESION" -> "success"; + default -> "secondary"; + }; + } + + public String getTypeIcon() { + return switch (type) { + case "MENSUELLE" -> "pi-calendar"; + case "SPECIALE" -> "pi-star"; + case "ADHESION" -> "pi-user-plus"; + default -> "pi-circle"; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "PAYEE", "PAYE" -> "success"; + case "EN_ATTENTE" -> "warning"; + case "EN_RETARD" -> "danger"; + case "PARTIELLEMENT_PAYEE" -> "info"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "PAYEE", "PAYE" -> "pi-check"; + case "EN_ATTENTE" -> "pi-clock"; + case "EN_RETARD" -> "pi-exclamation-triangle"; + case "PARTIELLEMENT_PAYEE" -> "pi-check-circle"; + default -> "pi-circle"; + }; + } + + public String getRetardColor() { + return switch (statut) { + case "EN_RETARD" -> "text-red-500"; + case "EN_ATTENTE" -> "text-orange-500"; + default -> "text-600"; + }; + } + + public String getStatutEcheance() { + return switch (statut) { + case "EN_RETARD" -> "En retard"; + case "EN_ATTENTE" -> "À venir"; + case "PAYEE", "PAYE" -> "Payée"; + case "PARTIELLEMENT_PAYEE" -> "Partiellement payée"; + default -> "Non payée"; + }; + } + + public String getModePaiementIcon() { + return switch (modePaiement != null ? modePaiement : "") { + case "Wave Money" -> "pi-mobile"; + case "Virement" -> "pi-building"; + case "Espèces" -> "pi-money-bill"; + default -> "pi-circle"; + }; + } + + public String getCouleurMontant() { + return "text-900"; + } + } + + public static class Echeance { + private String libelle; + private String periode; + private String montant; + private String dateEcheance; + private String urgence; + private String couleurUrgence; + + // Getters et setters + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public String getMontant() { return montant; } + public void setMontant(String montant) { this.montant = montant; } + + public String getDateEcheance() { return dateEcheance; } + public void setDateEcheance(String dateEcheance) { this.dateEcheance = dateEcheance; } + + public String getUrgence() { return urgence; } + public void setUrgence(String urgence) { this.urgence = urgence; } + + public String getCouleurUrgence() { return couleurUrgence; } + public void setCouleurUrgence(String couleurUrgence) { this.couleurUrgence = couleurUrgence; } + + public String getUrgenceSeverity() { + return switch (urgence) { + case "En retard" -> "danger"; + case "Bientôt" -> "warning"; + default -> "info"; + }; + } + + public String getCouleurMontant() { + return "text-900"; + } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/MembreDashboardBean.java b/src/main/java/dev/lions/unionflow/client/view/MembreDashboardBean.java new file mode 100644 index 0000000..e196419 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/MembreDashboardBean.java @@ -0,0 +1,416 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; + +@Named("membreDashboardBean") +@SessionScoped +public class MembreDashboardBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_MEMBRE_EVENEMENT = "membreEvenementPage"; + private static final String OUTCOME_MEMBRE_COTISATIONS = "membreCotisationsPage"; + + // Membre actuel + private Membre membre; + + // Statistiques + private String statutCotisations; + private int evenementsInscrits; + private int aidesRecues; + private int messagesNonLus; + + // Progression + private int cotisationsPayees; + private int cotisationsTotales; + private int progressionCotisations; + private int tauxParticipation; + private int evenementsAssistes; + private String anciennete; + private String dateAdhesionFormatee; + + // Listes + private List alertes = new ArrayList<>(); + private List prochainsEvenements = new ArrayList<>(); + private List rappels = new ArrayList<>(); + private List activiteRecente = new ArrayList<>(); + + // État + private boolean peutPayerCotisations; + + @PostConstruct + public void init() { + initializeMembre(); + initializeStatistiques(); + initializeAlertes(); + initializeEvenements(); + initializeRappels(); + initializeActivite(); + } + + private void initializeMembre() { + membre = new Membre(); + membre.setPrenom("Jean"); + membre.setNom("Dupont"); + membre.setNumeroMembre("M240001"); + membre.setTypeMembre("Membre Actif"); + membre.setDateAdhesion("15/06/2020"); + membre.setPhotoUrl(null); // Pas de photo par défaut + } + + private void initializeStatistiques() { + this.statutCotisations = "À jour"; + this.evenementsInscrits = 3; + this.aidesRecues = 2; + this.messagesNonLus = 5; + this.cotisationsPayees = 10; + this.cotisationsTotales = 12; + this.progressionCotisations = 83; + this.tauxParticipation = 75; + this.evenementsAssistes = 15; + this.anciennete = "4 ans"; + this.dateAdhesionFormatee = "15 juin 2020"; + this.peutPayerCotisations = true; + } + + private void initializeAlertes() { + Alerte alerte1 = new Alerte(); + alerte1.setTitre("Cotisation de décembre"); + alerte1.setMessage("Votre cotisation mensuelle de décembre est due le 15/12/2024"); + alerte1.setDateRelative("Il y a 2 jours"); + alerte1.setIcone("pi-dollar"); + alerte1.setCouleurIcone("text-orange-500"); + alerte1.setCouleurFond("rgba(255, 193, 7, 0.1)"); + alerte1.setCouleurBordure("border-orange-500"); + alertes.add(alerte1); + + Alerte alerte2 = new Alerte(); + alerte2.setTitre("Nouvel événement"); + alerte2.setMessage("Assemblée générale prévue le 28 décembre 2024"); + alerte2.setDateRelative("Hier"); + alerte2.setIcone("pi-calendar"); + alerte2.setCouleurIcone("text-blue-500"); + alerte2.setCouleurFond("rgba(13, 110, 253, 0.1)"); + alerte2.setCouleurBordure("border-blue-500"); + alertes.add(alerte2); + } + + private void initializeEvenements() { + Evenement event1 = new Evenement(); + event1.setTitre("Assemblée Générale Ordinaire"); + event1.setDateComplete("Samedi 28 décembre 2024 - 09h00"); + event1.setLieu("Siège de l'association"); + event1.setPrixFormate("Gratuit"); + event1.setNombreParticipants("45 inscrits"); + event1.setStatutInscription("Inscrit"); + event1.setSeverityInscription("success"); + event1.setIconeType("pi-users"); + event1.setCouleurCategorie("bg-blue-500"); + event1.setCouleurBordure("border-blue-500"); + event1.setPeutAnnuler(true); + prochainsEvenements.add(event1); + + Evenement event2 = new Evenement(); + event2.setTitre("Formation premiers secours"); + event2.setDateComplete("Dimanche 15 janvier 2025 - 14h00"); + event2.setLieu("Centre de formation"); + event2.setPrixFormate("2,500 FCFA"); + event2.setNombreParticipants("12 inscrits"); + event2.setStatutInscription("En attente"); + event2.setSeverityInscription("warning"); + event2.setIconeType("pi-heart"); + event2.setCouleurCategorie("bg-red-500"); + event2.setCouleurBordure("border-red-500"); + event2.setPeutAnnuler(false); + prochainsEvenements.add(event2); + } + + private void initializeRappels() { + Rappel rappel1 = new Rappel(); + rappel1.setTitre("Cotisation décembre"); + rappel1.setEcheance("Dans 3 jours"); + rappel1.setIcone("pi-dollar"); + rappel1.setCouleurIcone("text-orange-500"); + rappel1.setCouleurFond("surface-100"); + rappels.add(rappel1); + + Rappel rappel2 = new Rappel(); + rappel2.setTitre("Renouvellement adhésion"); + rappel2.setEcheance("Dans 2 mois"); + rappel2.setIcone("pi-id-card"); + rappel2.setCouleurIcone("text-blue-500"); + rappel2.setCouleurFond("surface-100"); + rappels.add(rappel2); + } + + private void initializeActivite() { + Activite activite1 = new Activite(); + activite1.setTitre("Cotisation payée"); + activite1.setDescription("Cotisation de novembre 2024 - 5,000 FCFA"); + activite1.setDateRelative("Il y a 5 jours"); + activite1.setIcone("pi-check"); + activite1.setCouleurCategorie("bg-green-500"); + activiteRecente.add(activite1); + + Activite activite2 = new Activite(); + activite2.setTitre("Participation événement"); + activite2.setDescription("Sortie culturelle au musée"); + activite2.setDateRelative("Il y a 1 semaine"); + activite2.setIcone("pi-calendar"); + activite2.setCouleurCategorie("bg-blue-500"); + activiteRecente.add(activite2); + + Activite activite3 = new Activite(); + activite3.setTitre("Inscription événement"); + activite3.setDescription("Assemblée générale ordinaire"); + activite3.setDateRelative("Il y a 2 semaines"); + activite3.setIcone("pi-user-plus"); + activite3.setCouleurCategorie("bg-purple-500"); + activiteRecente.add(activite3); + } + + // Actions + public void marquerLue(Alerte alerte) { + alertes.remove(alerte); + } + + public String voirEvenement(Evenement evenement) { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_MEMBRE_EVENEMENT + "?id=" + evenement.getTitre() + "&faces-redirect=true"; + } + + public void annulerInscription(Evenement evenement) { + evenement.setStatutInscription("Annulé"); + evenement.setSeverityInscription("danger"); + evenement.setPeutAnnuler(false); + } + + public String payerCotisations() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_MEMBRE_COTISATIONS + "?faces-redirect=true"; + } + + // Getters et Setters + public Membre getMembre() { return membre; } + public void setMembre(Membre membre) { this.membre = membre; } + + public String getStatutCotisations() { return statutCotisations; } + public void setStatutCotisations(String statutCotisations) { this.statutCotisations = statutCotisations; } + + public int getEvenementsInscrits() { return evenementsInscrits; } + public void setEvenementsInscrits(int evenementsInscrits) { this.evenementsInscrits = evenementsInscrits; } + + public int getAidesRecues() { return aidesRecues; } + public void setAidesRecues(int aidesRecues) { this.aidesRecues = aidesRecues; } + + public int getMessagesNonLus() { return messagesNonLus; } + public void setMessagesNonLus(int messagesNonLus) { this.messagesNonLus = messagesNonLus; } + + public int getCotisationsPayees() { return cotisationsPayees; } + public void setCotisationsPayees(int cotisationsPayees) { this.cotisationsPayees = cotisationsPayees; } + + public int getCotisationsTotales() { return cotisationsTotales; } + public void setCotisationsTotales(int cotisationsTotales) { this.cotisationsTotales = cotisationsTotales; } + + public int getProgressionCotisations() { return progressionCotisations; } + public void setProgressionCotisations(int progressionCotisations) { this.progressionCotisations = progressionCotisations; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public int getEvenementsAssistes() { return evenementsAssistes; } + public void setEvenementsAssistes(int evenementsAssistes) { this.evenementsAssistes = evenementsAssistes; } + + public String getAnciennete() { return anciennete; } + public void setAnciennete(String anciennete) { this.anciennete = anciennete; } + + public String getDateAdhesionFormatee() { return dateAdhesionFormatee; } + public void setDateAdhesionFormatee(String dateAdhesionFormatee) { this.dateAdhesionFormatee = dateAdhesionFormatee; } + + public List getAlertes() { return alertes; } + public void setAlertes(List alertes) { this.alertes = alertes; } + + public List getProchainsEvenements() { return prochainsEvenements; } + public void setProchainsEvenements(List prochainsEvenements) { this.prochainsEvenements = prochainsEvenements; } + + public List getRappels() { return rappels; } + public void setRappels(List rappels) { this.rappels = rappels; } + + public List getActiviteRecente() { return activiteRecente; } + public void setActiviteRecente(List activiteRecente) { this.activiteRecente = activiteRecente; } + + public boolean isPeutPayerCotisations() { return peutPayerCotisations; } + public void setPeutPayerCotisations(boolean peutPayerCotisations) { this.peutPayerCotisations = peutPayerCotisations; } + + // Classes internes + public static class Membre { + private String prenom; + private String nom; + private String numeroMembre; + private String typeMembre; + private String dateAdhesion; + private String photoUrl; + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getTypeMembre() { return typeMembre; } + public void setTypeMembre(String typeMembre) { this.typeMembre = typeMembre; } + + public String getDateAdhesion() { return dateAdhesion; } + public void setDateAdhesion(String dateAdhesion) { this.dateAdhesion = dateAdhesion; } + + public String getPhotoUrl() { return photoUrl; } + public void setPhotoUrl(String photoUrl) { this.photoUrl = photoUrl; } + + public String getInitiales() { + return (prenom != null ? prenom.substring(0, 1) : "") + + (nom != null ? nom.substring(0, 1) : ""); + } + } + + public static class Alerte { + private String titre; + private String message; + private String dateRelative; + private String icone; + private String couleurIcone; + private String couleurFond; + private String couleurBordure; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getMessage() { return message; } + public void setMessage(String message) { this.message = message; } + + public String getDateRelative() { return dateRelative; } + public void setDateRelative(String dateRelative) { this.dateRelative = dateRelative; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurIcone() { return couleurIcone; } + public void setCouleurIcone(String couleurIcone) { this.couleurIcone = couleurIcone; } + + public String getCouleurFond() { return couleurFond; } + public void setCouleurFond(String couleurFond) { this.couleurFond = couleurFond; } + + public String getCouleurBordure() { return couleurBordure; } + public void setCouleurBordure(String couleurBordure) { this.couleurBordure = couleurBordure; } + } + + public static class Evenement { + private String titre; + private String dateComplete; + private String lieu; + private String prixFormate; + private String nombreParticipants; + private String statutInscription; + private String severityInscription; + private String iconeType; + private String couleurCategorie; + private String couleurBordure; + private boolean peutAnnuler; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDateComplete() { return dateComplete; } + public void setDateComplete(String dateComplete) { this.dateComplete = dateComplete; } + + public String getLieu() { return lieu; } + public void setLieu(String lieu) { this.lieu = lieu; } + + public String getPrixFormate() { return prixFormate; } + public void setPrixFormate(String prixFormate) { this.prixFormate = prixFormate; } + + public String getNombreParticipants() { return nombreParticipants; } + public void setNombreParticipants(String nombreParticipants) { this.nombreParticipants = nombreParticipants; } + + public String getStatutInscription() { return statutInscription; } + public void setStatutInscription(String statutInscription) { this.statutInscription = statutInscription; } + + public String getSeverityInscription() { return severityInscription; } + public void setSeverityInscription(String severityInscription) { this.severityInscription = severityInscription; } + + public String getIconeType() { return iconeType; } + public void setIconeType(String iconeType) { this.iconeType = iconeType; } + + public String getCouleurCategorie() { return couleurCategorie; } + public void setCouleurCategorie(String couleurCategorie) { this.couleurCategorie = couleurCategorie; } + + public String getCouleurBordure() { return couleurBordure; } + public void setCouleurBordure(String couleurBordure) { this.couleurBordure = couleurBordure; } + + public boolean isPeutAnnuler() { return peutAnnuler; } + public void setPeutAnnuler(boolean peutAnnuler) { this.peutAnnuler = peutAnnuler; } + + public String getCouleurPrix() { + return prixFormate.equals("Gratuit") ? "text-green-500" : "text-blue-500"; + } + } + + public static class Rappel { + private String titre; + private String echeance; + private String icone; + private String couleurIcone; + private String couleurFond; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getEcheance() { return echeance; } + public void setEcheance(String echeance) { this.echeance = echeance; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurIcone() { return couleurIcone; } + public void setCouleurIcone(String couleurIcone) { this.couleurIcone = couleurIcone; } + + public String getCouleurFond() { return couleurFond; } + public void setCouleurFond(String couleurFond) { this.couleurFond = couleurFond; } + } + + public static class Activite { + private String titre; + private String description; + private String dateRelative; + private String icone; + private String couleurCategorie; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getDateRelative() { return dateRelative; } + public void setDateRelative(String dateRelative) { this.dateRelative = dateRelative; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurCategorie() { return couleurCategorie; } + public void setCouleurCategorie(String couleurCategorie) { this.couleurCategorie = couleurCategorie; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/MembreExportBean.java b/src/main/java/dev/lions/unionflow/client/view/MembreExportBean.java new file mode 100644 index 0000000..675f894 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/MembreExportBean.java @@ -0,0 +1,322 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.AssociationService; +import dev.lions.unionflow.server.api.dto.organisation.OrganisationDTO; +import dev.lions.unionflow.client.dto.AssociationDTO; +import lombok.Getter; +import lombok.Setter; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Named; +import jakarta.inject.Inject; +import jakarta.annotation.PostConstruct; +import jakarta.faces.context.FacesContext; +import jakarta.faces.application.FacesMessage; +import jakarta.servlet.http.HttpServletResponse; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.IOException; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; + +@Named("membreExportBean") +@ViewScoped +@Getter +@Setter +public class MembreExportBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(MembreExportBean.class.getName()); + + @Inject + @RestClient + MembreService membreService; + + @Inject + @RestClient + AssociationService associationService; + + // Configuration de l'export + private String formatExport = "EXCEL"; + private String scopeExport = "TOUS"; + private List colonnesExport = new ArrayList<>(); + + // Filtres + private String statutFilter = ""; + private String typeFilter = ""; + private UUID organisationId; + private LocalDate dateAdhesionDebut; + private LocalDate dateAdhesionFin; + + // Options d'export + private boolean inclureHeaders = true; + private boolean formaterDates = true; + private boolean inclureStatistiques = false; + private boolean chiffrerDonnees = false; + private String motDePasseExport = ""; + + // Organisations disponibles + private List organisationsDisponibles = new ArrayList<>(); + + // Statistiques + private int totalMembres = 0; + private int membresActifs = 0; + private int membresInactifs = 0; + private int nombreMembresAExporter = 0; + + // Historique des exports + private List historiqueExports = new ArrayList<>(); + + @PostConstruct + public void init() { + chargerOrganisations(); + chargerStatistiques(); + initialiserColonnesExport(); + } + + private void chargerOrganisations() { + organisationsDisponibles = new ArrayList<>(); + try { + List associations = associationService.listerToutes(0, 1000); + for (AssociationDTO assoc : associations) { + OrganisationDTO org = new OrganisationDTO(); + org.setId(assoc.getId()); + org.setNom(assoc.getNom()); + org.setVille(assoc.getVille()); + organisationsDisponibles.add(org); + } + LOGGER.info("Chargement de " + organisationsDisponibles.size() + " organisations disponibles"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des organisations: " + e.getMessage()); + } + } + + private void chargerStatistiques() { + try { + MembreService.StatistiquesMembreDTO stats = membreService.obtenirStatistiques(); + if (stats != null) { + totalMembres = stats.getTotalMembres() != null ? stats.getTotalMembres().intValue() : 0; + membresActifs = stats.getMembresActifs() != null ? stats.getMembresActifs().intValue() : 0; + membresInactifs = stats.getMembresInactifs() != null ? stats.getMembresInactifs().intValue() : 0; + } + actualiserCompteur(); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des statistiques: " + e.getMessage()); + } + } + + private void initialiserColonnesExport() { + colonnesExport = new ArrayList<>(); + colonnesExport.add("PERSO"); + colonnesExport.add("CONTACT"); + colonnesExport.add("ADHESION"); + } + + public void actualiserCompteur() { + actualiserCompteur(null); + } + + public void actualiserCompteur(jakarta.faces.event.AjaxBehaviorEvent event) { + try { + // Appel au backend pour obtenir le comptage exact selon les filtres + String statut = null; + if ("ACTIFS".equals(scopeExport)) { + statut = "ACTIF"; + } else if ("INACTIFS".equals(scopeExport)) { + statut = "INACTIF"; + } else if (statutFilter != null && !statutFilter.isEmpty()) { + statut = statutFilter; + } + + String dateAdhesionDebutStr = dateAdhesionDebut != null ? dateAdhesionDebut.toString() : null; + String dateAdhesionFinStr = dateAdhesionFin != null ? dateAdhesionFin.toString() : null; + + Long count = membreService.compterMembresPourExport( + organisationId, + statut, + typeFilter != null && !typeFilter.isEmpty() ? typeFilter : null, + dateAdhesionDebutStr, + dateAdhesionFinStr + ); + + nombreMembresAExporter = count != null ? count.intValue() : 0; + + LOGGER.info("Comptage des membres pour export: " + nombreMembresAExporter); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'actualisation du compteur: " + e.getMessage()); + // Fallback sur estimation basée sur les statistiques + if ("TOUS".equals(scopeExport)) { + nombreMembresAExporter = totalMembres; + } else if ("ACTIFS".equals(scopeExport)) { + nombreMembresAExporter = membresActifs; + } else if ("INACTIFS".equals(scopeExport)) { + nombreMembresAExporter = membresInactifs; + } else { + nombreMembresAExporter = 0; + } + } + } + + public void exporterMembres() { + if (colonnesExport == null || colonnesExport.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Veuillez sélectionner au moins une catégorie de colonnes à exporter")); + return; + } + + if (nombreMembresAExporter == 0) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucun membre ne correspond aux critères sélectionnés")); + return; + } + + try { + LOGGER.info("Export des membres: format=" + formatExport + ", nombre=" + nombreMembresAExporter); + + String dateAdhesionDebutStr = dateAdhesionDebut != null ? dateAdhesionDebut.toString() : null; + String dateAdhesionFinStr = dateAdhesionFin != null ? dateAdhesionFin.toString() : null; + + // Générer un mot de passe aléatoire si le chiffrement est demandé + String motDePasse = null; + if (chiffrerDonnees) { + if (motDePasseExport != null && !motDePasseExport.trim().isEmpty()) { + motDePasse = motDePasseExport; + } else { + // Générer un mot de passe aléatoire de 12 caractères + motDePasse = genererMotDePasseAleatoire(); + } + } + + byte[] exportData = membreService.exporterExcel( + formatExport, + organisationId, + statutFilter, + typeFilter, + dateAdhesionDebutStr, + dateAdhesionFinStr, + colonnesExport, + inclureHeaders, + formaterDates, + inclureStatistiques && "EXCEL".equals(formatExport), // Statistiques uniquement pour Excel + motDePasse + ); + + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletResponse response = (HttpServletResponse) facesContext.getExternalContext().getResponse(); + + response.reset(); + String contentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"; + String extension = "xlsx"; + + if ("CSV".equals(formatExport)) { + contentType = "text/csv"; + extension = "csv"; + } + + response.setContentType(contentType); + response.setHeader("Content-Disposition", "attachment; filename=\"membres_export_" + + LocalDate.now() + "." + extension + "\""); + response.setContentLength(exportData.length); + + response.getOutputStream().write(exportData); + response.getOutputStream().flush(); + facesContext.responseComplete(); + + // Ajouter à l'historique + ExportHistorique historique = new ExportHistorique(); + historique.setDate(LocalDateTime.now()); + historique.setFormat(formatExport); + historique.setNombreMembres(nombreMembresAExporter); + historique.setTaille(formatTaille(exportData.length)); + historiqueExports.add(0, historique); // Ajouter au début + + // Afficher le mot de passe si le chiffrement était demandé + if (chiffrerDonnees && motDePasse != null) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Fichier protégé", + "Le fichier a été protégé par un mot de passe. " + + "Mot de passe: " + motDePasse + + " (Note: Le fichier est protégé contre la modification, mais peut toujours être ouvert)")); + } + + LOGGER.info("Export généré et téléchargé: " + exportData.length + " bytes"); + } catch (IOException e) { + LOGGER.severe("Erreur lors du téléchargement de l'export: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de télécharger l'export: " + e.getMessage())); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'export: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'exporter les membres: " + e.getMessage())); + } + } + + private String formatTaille(long bytes) { + if (bytes < 1024) { + return bytes + " B"; + } else if (bytes < 1024 * 1024) { + return String.format("%.2f KB", bytes / 1024.0); + } else { + return String.format("%.2f MB", bytes / (1024.0 * 1024.0)); + } + } + + public void telechargerExport(ExportHistorique export) { + // L'historique est stocké localement dans la session, pas de téléchargement depuis le serveur + LOGGER.info("Export historique consulté: " + export.getDate() + " - " + export.getFormat()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Information", + "L'export du " + export.getDate().format(java.time.format.DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm")) + + " n'est plus disponible. Veuillez générer un nouvel export.")); + } + + private String genererMotDePasseAleatoire() { + String caracteres = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*"; + java.util.Random random = new java.util.Random(); + StringBuilder motDePasse = new StringBuilder(12); + for (int i = 0; i < 12; i++) { + motDePasse.append(caracteres.charAt(random.nextInt(caracteres.length()))); + } + return motDePasse.toString(); + } + + public void reinitialiser() { + formatExport = "EXCEL"; + scopeExport = "TOUS"; + colonnesExport = new ArrayList<>(); + colonnesExport.add("PERSO"); + colonnesExport.add("CONTACT"); + colonnesExport.add("ADHESION"); + statutFilter = ""; + typeFilter = ""; + organisationId = null; + dateAdhesionDebut = null; + dateAdhesionFin = null; + inclureHeaders = true; + formaterDates = true; + inclureStatistiques = false; + chiffrerDonnees = false; + motDePasseExport = ""; + actualiserCompteur(); + } + + // Classe interne pour l'historique des exports + @Getter + @Setter + public static class ExportHistorique implements Serializable { + private LocalDateTime date; + private String format; + private int nombreMembres; + private String taille; + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/view/MembreImportBean.java b/src/main/java/dev/lions/unionflow/client/view/MembreImportBean.java new file mode 100644 index 0000000..80785e5 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/MembreImportBean.java @@ -0,0 +1,213 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.MembreImportMultipartForm; +import dev.lions.unionflow.client.service.AssociationService; +import dev.lions.unionflow.server.api.dto.organisation.OrganisationDTO; +import dev.lions.unionflow.client.dto.AssociationDTO; +import lombok.Getter; +import lombok.Setter; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Named; +import jakarta.inject.Inject; +import jakarta.annotation.PostConstruct; +import jakarta.faces.context.FacesContext; +import jakarta.faces.application.FacesMessage; +import jakarta.servlet.http.HttpServletResponse; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import org.primefaces.event.FileUploadEvent; +import org.primefaces.model.file.UploadedFile; +import java.io.IOException; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; + +@Named("membreImportBean") +@ViewScoped +@Getter +@Setter +public class MembreImportBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(MembreImportBean.class.getName()); + + @Inject + @RestClient + MembreService membreService; + + @Inject + @RestClient + AssociationService associationService; + + // Fichier à importer + private UploadedFile fichierImport; + + // Options d'import + private boolean mettreAJourExistants = false; + private boolean ignorerErreurs = false; + private UUID organisationId; + private String typeMembreDefaut = ""; + + // Organisations disponibles + private List organisationsDisponibles = new ArrayList<>(); + + // Résultat de l'import + private ResultatImport resultatImport; + + @PostConstruct + public void init() { + chargerOrganisations(); + } + + private void chargerOrganisations() { + organisationsDisponibles = new ArrayList<>(); + try { + List associations = associationService.listerToutes(0, 1000); + for (AssociationDTO assoc : associations) { + OrganisationDTO org = new OrganisationDTO(); + org.setId(assoc.getId()); + org.setNom(assoc.getNom()); + org.setVille(assoc.getVille()); + organisationsDisponibles.add(org); + } + LOGGER.info("Chargement de " + organisationsDisponibles.size() + " organisations disponibles"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des organisations: " + e.getMessage()); + } + } + + /** + * Gère l'upload du fichier (appelé par PrimeFaces FileUpload) + */ + public void handleFileUpload(FileUploadEvent event) { + fichierImport = event.getFile(); + LOGGER.info("Fichier sélectionné: " + (fichierImport != null ? fichierImport.getFileName() : "null")); + } + + /** + * Lance l'import des membres + */ + public void importerMembres() { + if (fichierImport == null || fichierImport.getFileName() == null || fichierImport.getFileName().isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Veuillez sélectionner un fichier à importer")); + return; + } + + try { + LOGGER.info("Import du fichier: " + fichierImport.getFileName()); + + byte[] fileContent = fichierImport.getContent(); + String fileName = fichierImport.getFileName(); + + // Créer le formulaire multipart + MembreImportMultipartForm form = new MembreImportMultipartForm(); + form.file = fileContent; + form.fileName = fileName; + form.organisationId = organisationId; + form.typeMembreDefaut = typeMembreDefaut != null && !typeMembreDefaut.isEmpty() ? typeMembreDefaut : "ACTIF"; + form.mettreAJourExistants = mettreAJourExistants; + form.ignorerErreurs = ignorerErreurs; + + // Appeler le service REST + MembreService.ResultatImportDTO result = membreService.importerDonnees(form); + + // Convertir le résultat + resultatImport = new ResultatImport(); + resultatImport.setTotalTraite(result.getTotalLignes() != null ? result.getTotalLignes() : 0); + resultatImport.setReussis(result.getLignesTraitees() != null ? result.getLignesTraitees() : 0); + resultatImport.setEchecs(result.getLignesErreur() != null ? result.getLignesErreur() : 0); + resultatImport.setIgnores(0); + + // Convertir les erreurs + List erreursList = new ArrayList<>(); + if (result.getErreurs() != null) { + for (int i = 0; i < result.getErreurs().size(); i++) { + ErreurImport erreur = new ErreurImport(); + erreur.setLigne(i + 1); + erreur.setMessage(result.getErreurs().get(i)); + erreursList.add(erreur); + } + } + resultatImport.setErreurs(erreursList); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Import terminé: " + resultatImport.getReussis() + " membres importés avec succès" + + (resultatImport.getEchecs() > 0 ? ", " + resultatImport.getEchecs() + " erreurs" : ""))); + + // Réinitialiser le fichier + fichierImport = null; + + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'import: " + e.getMessage()); + LOGGER.log(java.util.logging.Level.SEVERE, "Détails de l'erreur d'import", e); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'importer le fichier: " + e.getMessage())); + } + } + + public void telechargerModele() { + try { + LOGGER.info("Téléchargement du modèle d'import"); + + byte[] modele = membreService.telechargerModeleImport(); + + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletResponse response = (HttpServletResponse) facesContext.getExternalContext().getResponse(); + + response.reset(); + response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"); + response.setHeader("Content-Disposition", "attachment; filename=\"modele_import_membres.xlsx\""); + response.setContentLength(modele.length); + + response.getOutputStream().write(modele); + response.getOutputStream().flush(); + facesContext.responseComplete(); + + LOGGER.info("Modèle d'import téléchargé"); + } catch (IOException e) { + LOGGER.severe("Erreur lors du téléchargement du modèle: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de télécharger le modèle: " + e.getMessage())); + } catch (Exception e) { + LOGGER.severe("Erreur lors du téléchargement du modèle: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de télécharger le modèle: " + e.getMessage())); + } + } + + public void reinitialiser() { + fichierImport = null; + mettreAJourExistants = false; + ignorerErreurs = false; + organisationId = null; + typeMembreDefaut = ""; + resultatImport = null; + } + + // Classe interne pour le résultat de l'import + @Getter + @Setter + public static class ResultatImport implements Serializable { + private int totalTraite; + private int reussis; + private int echecs; + private int ignores; + private List erreurs = new ArrayList<>(); + } + + @Getter + @Setter + public static class ErreurImport implements Serializable { + private int ligne; + private String message; + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/view/MembreInscriptionBean.java b/src/main/java/dev/lions/unionflow/client/view/MembreInscriptionBean.java new file mode 100644 index 0000000..9a923fb --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/MembreInscriptionBean.java @@ -0,0 +1,496 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.AssociationService; +import dev.lions.unionflow.client.service.ValidationService; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Named; +import jakarta.inject.Inject; +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.util.ArrayList; +import java.util.List; +import java.util.logging.Logger; + +@Named("membreInscriptionBean") +@ViewScoped +public class MembreInscriptionBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(MembreInscriptionBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_MEMBRE_LISTE = "membreListPage"; + private static final String OUTCOME_DASHBOARD = "dashboardPage"; + + @Inject + @RestClient + MembreService membreService; + + @Inject + @RestClient + AssociationService associationService; + + @Inject + ValidationService validationService; + + @Inject + SouscriptionBean souscriptionBean; + + // Propriétés système + private String numeroGenere; + + // Informations personnelles + private String prenom; + private String nom; + private String email; + private String telephone; + private String telephoneMobile; + private String adresse; + private String ville; + private String codePostal; + private String pays = "Sénégal"; + private LocalDate dateNaissance; + private String lieuNaissance; + private String nationalite = "Sénégalaise"; + private String sexe; + private String situationMatrimoniale; + private String profession; + private String employeur; + + // Informations d'urgence + private String contactUrgenceNom; + private String contactUrgenceTelephone; + private String contactUrgenceLien; + + // Informations bancaires + private String numeroBanque; + private String nomBanque; + private String ribIban; + + // Informations adhésion + private String typeAdhesion; + private String numeroParrain; + private String nomParrain; + private String motifAdhesion; + private String organisationId; // ID de l'organisation choisie + private String organisationNom; // Nom de l'organisation affichée + private List organisationsDisponibles = new ArrayList<>(); // Liste des organisations + private boolean accepteReglement = false; + private boolean acceptePrelevement = false; + private boolean autorisationMarketing = false; + + // Statut de validation + private String statutValidation = "EN_ATTENTE"; // EN_ATTENTE, VALIDE, REFUSE + + // Informations complémentaires + private String competencesSpeciales; + private String centresInteret; + private String commentaires; + + // Photo et documents + private String photoPath; + private List documentsJoints = new ArrayList<>(); + private org.primefaces.model.file.UploadedFile uploadedPhoto; + private String photoBase64; + + public MembreInscriptionBean() { + // Initialisation par défaut + } + + @PostConstruct + public void init() { + // Générer un numéro de membre automatiquement + this.numeroGenere = "M" + System.currentTimeMillis(); + + // Charger les organisations actives + try { + organisationsDisponibles = associationService.listerToutes(0, 1000); + LOGGER.info("Chargement de " + organisationsDisponibles.size() + " organisations"); + } catch (Exception e) { + LOGGER.warning("Erreur lors du chargement des organisations: " + e.getMessage()); + organisationsDisponibles = new ArrayList<>(); + } + } + + // Actions + public String inscrire() { + try { + // Vérifier d'abord si l'organisation peut accepter de nouveaux membres + if (!peutAccepterNouveauMembre()) { + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Quota atteint", "Cette organisation a atteint son quota maximum de membres."); + FacesContext.getCurrentInstance().addMessage(null, message); + return null; + } + + // Vérification des champs obligatoires + if (organisationId == null || organisationId.trim().isEmpty()) { + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Organisation manquante", "Vous devez sélectionner une organisation."); + FacesContext.getCurrentInstance().addMessage(null, message); + return null; + } + + // Créer le DTO membre + MembreDTO nouveauMembre = new MembreDTO(); + nouveauMembre.setNumeroMembre(numeroGenere); + nouveauMembre.setNom(nom); + nouveauMembre.setPrenom(prenom); + nouveauMembre.setEmail(email); + nouveauMembre.setTelephone(telephone); + nouveauMembre.setDateNaissance(dateNaissance); + nouveauMembre.setAdresse(adresse); + nouveauMembre.setProfession(profession); + nouveauMembre.setStatutMatrimonial(situationMatrimoniale); + nouveauMembre.setNationalite(nationalite); + nouveauMembre.setStatut("ACTIF"); // Statut actif par défaut pour nouveaux membres + nouveauMembre.setDateInscription(LocalDateTime.now()); + + // Conversion de l'organisationId String vers UUID + try { + nouveauMembre.setAssociationId(java.util.UUID.fromString(organisationId)); + } catch (IllegalArgumentException e) { + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Identifiant d'organisation invalide."); + FacesContext.getCurrentInstance().addMessage(null, message); + return null; + } + + // Validation des données + ValidationService.ValidationResult validationResult = validationService.validate(nouveauMembre); + if (!validationResult.isValid()) { + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreurs de validation", validationResult.getFirstErrorMessage()); + FacesContext.getCurrentInstance().addMessage(null, message); + return null; + } + + // Appel du service REST pour créer le membre + MembreDTO membreCreee = membreService.creer(nouveauMembre); + + // Gestion de la photo si disponible + if (photoBase64 != null && !photoBase64.trim().isEmpty()) { + LOGGER.info("Photo cadrée reçue: " + photoBase64.length() + " caractères"); + // Note: La sauvegarde de la photo sera implémentée ultérieurement via un service dédié. + // Le service appellera l'API backend pour stocker la photo associée au membre. + } + + LOGGER.info("Membre inscrit avec succès: " + membreCreee.getNomComplet()); + + // Message de succès dans le Flash Scope pour qu'il survive à la redirection + FacesContext context = FacesContext.getCurrentInstance(); + context.getExternalContext().getFlash().setKeepMessages(true); + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, + "Inscription réussie", + "Le membre " + membreCreee.getNomComplet() + " a été inscrit avec succès (N° " + membreCreee.getNumeroMembre() + ")"); + context.addMessage(null, message); + + return OUTCOME_MEMBRE_LISTE + "?faces-redirect=true"; + + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'inscription: " + e.getMessage()); + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Erreur lors de l'inscription: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, message); + return null; + } + } + + // Méthodes de validation en temps réel + public void validateNom() { + if (nom != null && !nom.trim().isEmpty()) { + ValidationService.ValidationResult result = validationService.validateValue(MembreDTO.class, "nom", nom); + if (!result.isValid()) { + LOGGER.info("Erreur validation nom: " + result.getFirstErrorMessage()); + } + } + } + + public void validatePrenom() { + if (prenom != null && !prenom.trim().isEmpty()) { + ValidationService.ValidationResult result = validationService.validateValue(MembreDTO.class, "prenom", prenom); + if (!result.isValid()) { + LOGGER.info("Erreur validation prénom: " + result.getFirstErrorMessage()); + } + } + } + + public void validateEmail() { + if (email != null && !email.trim().isEmpty()) { + ValidationService.ValidationResult result = validationService.validateValue(MembreDTO.class, "email", email); + if (!result.isValid()) { + LOGGER.info("Erreur validation email: " + result.getFirstErrorMessage()); + } + } + } + + public void validateTelephone() { + if (telephone != null && !telephone.trim().isEmpty()) { + ValidationService.ValidationResult result = validationService.validateValue(MembreDTO.class, "telephone", telephone); + if (!result.isValid()) { + LOGGER.info("Erreur validation téléphone: " + result.getFirstErrorMessage()); + } + } + } + + public String annuler() { + return OUTCOME_DASHBOARD + "?faces-redirect=true"; + } + + public void handleFileUpload(org.primefaces.event.FileUploadEvent event) { + // Logique d'upload de documents + org.primefaces.model.file.UploadedFile file = event.getFile(); + if (file != null) { + documentsJoints.add(file.getFileName()); + } + } + + public void ajouterDocument() { + // Logique d'ajout de document + } + + public void supprimerDocument(String document) { + documentsJoints.remove(document); + } + + public void rechercherParrain() { + // Logique de recherche de parrain + if (numeroParrain != null && !numeroParrain.trim().isEmpty()) { + // Simulation de recherche + nomParrain = "Membre trouvé - " + numeroParrain; + } + } + + public String enregistrerBrouillon() { + // Logique d'enregistrement en brouillon + return null; // Rester sur la même page + } + + // Méthodes pour la progression + public boolean isEtapePersonnelleComplete() { + return prenom != null && !prenom.trim().isEmpty() && + nom != null && !nom.trim().isEmpty() && + dateNaissance != null && + sexe != null && !sexe.trim().isEmpty(); + } + + public boolean isEtapeCoordonneeComplete() { + return adresse != null && !adresse.trim().isEmpty() && + ville != null && !ville.trim().isEmpty() && + email != null && !email.trim().isEmpty() && + telephoneMobile != null && !telephoneMobile.trim().isEmpty(); + } + + public boolean isEtapeAdhesionComplete() { + return typeAdhesion != null && !typeAdhesion.trim().isEmpty(); + } + + public boolean isEtapeDocumentsComplete() { + return !documentsJoints.isEmpty() || (photoBase64 != null && !photoBase64.trim().isEmpty()); + } + + public int getProgressionPourcentage() { + int etapesCompletes = 0; + if (isEtapePersonnelleComplete()) etapesCompletes++; + if (isEtapeCoordonneeComplete()) etapesCompletes++; + if (isEtapeAdhesionComplete()) etapesCompletes++; + if (isEtapeDocumentsComplete()) etapesCompletes++; + return (etapesCompletes * 100) / 4; + } + + public boolean isFormulaireValide() { + // Validation minimale : nom, prénom, email et acceptation du règlement + boolean champsObligatoiresRemplis = + nom != null && !nom.trim().isEmpty() && + prenom != null && !prenom.trim().isEmpty() && + email != null && !email.trim().isEmpty(); + + return champsObligatoiresRemplis && accepteReglement; + } + + // Vérification du quota organisation + public boolean peutAccepterNouveauMembre() { + // Si le bean de souscription n'est pas disponible, autoriser l'inscription par défaut + if (souscriptionBean == null || souscriptionBean.getSouscriptionActive() == null) { + LOGGER.info("SouscriptionBean non disponible - autorisation par défaut"); + return true; + } + return souscriptionBean.peutAccepterNouveauMembre(); + } + + public String getMessageQuotaOrganisation() { + if (souscriptionBean != null) { + return souscriptionBean.getMessageQuota(); + } + return "Informations de quota non disponibles"; + } + + // Getters et Setters + public String getNumeroGenere() { return numeroGenere; } + public void setNumeroGenere(String numeroGenere) { this.numeroGenere = numeroGenere; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getTelephoneMobile() { return telephoneMobile; } + public void setTelephoneMobile(String telephoneMobile) { this.telephoneMobile = telephoneMobile; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getCodePostal() { return codePostal; } + public void setCodePostal(String codePostal) { this.codePostal = codePostal; } + + public String getPays() { return pays; } + public void setPays(String pays) { this.pays = pays; } + + public LocalDate getDateNaissance() { return dateNaissance; } + public void setDateNaissance(LocalDate dateNaissance) { this.dateNaissance = dateNaissance; } + + public String getLieuNaissance() { return lieuNaissance; } + public void setLieuNaissance(String lieuNaissance) { this.lieuNaissance = lieuNaissance; } + + public String getNationalite() { return nationalite; } + public void setNationalite(String nationalite) { this.nationalite = nationalite; } + + public String getSexe() { return sexe; } + public void setSexe(String sexe) { this.sexe = sexe; } + + public String getSituationMatrimoniale() { return situationMatrimoniale; } + public void setSituationMatrimoniale(String situationMatrimoniale) { this.situationMatrimoniale = situationMatrimoniale; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public String getEmployeur() { return employeur; } + public void setEmployeur(String employeur) { this.employeur = employeur; } + + public String getContactUrgenceNom() { return contactUrgenceNom; } + public void setContactUrgenceNom(String contactUrgenceNom) { this.contactUrgenceNom = contactUrgenceNom; } + + public String getContactUrgenceTelephone() { return contactUrgenceTelephone; } + public void setContactUrgenceTelephone(String contactUrgenceTelephone) { this.contactUrgenceTelephone = contactUrgenceTelephone; } + + public String getContactUrgenceLien() { return contactUrgenceLien; } + public void setContactUrgenceLien(String contactUrgenceLien) { this.contactUrgenceLien = contactUrgenceLien; } + + public String getNumeroBanque() { return numeroBanque; } + public void setNumeroBanque(String numeroBanque) { this.numeroBanque = numeroBanque; } + + public String getNomBanque() { return nomBanque; } + public void setNomBanque(String nomBanque) { this.nomBanque = nomBanque; } + + public String getRibIban() { return ribIban; } + public void setRibIban(String ribIban) { this.ribIban = ribIban; } + + public String getTypeAdhesion() { return typeAdhesion; } + public void setTypeAdhesion(String typeAdhesion) { this.typeAdhesion = typeAdhesion; } + + public String getNumeroParrain() { return numeroParrain; } + public void setNumeroParrain(String numeroParrain) { this.numeroParrain = numeroParrain; } + + public String getNomParrain() { return nomParrain; } + public void setNomParrain(String nomParrain) { this.nomParrain = nomParrain; } + + public String getMotifAdhesion() { return motifAdhesion; } + public void setMotifAdhesion(String motifAdhesion) { this.motifAdhesion = motifAdhesion; } + + public boolean isAccepteReglement() { return accepteReglement; } + public void setAccepteReglement(boolean accepteReglement) { this.accepteReglement = accepteReglement; } + + public boolean isAcceptePrelevement() { return acceptePrelevement; } + public void setAcceptePrelevement(boolean acceptePrelevement) { this.acceptePrelevement = acceptePrelevement; } + + public boolean isAutorisationMarketing() { return autorisationMarketing; } + public void setAutorisationMarketing(boolean autorisationMarketing) { this.autorisationMarketing = autorisationMarketing; } + + public String getCompetencesSpeciales() { return competencesSpeciales; } + public void setCompetencesSpeciales(String competencesSpeciales) { this.competencesSpeciales = competencesSpeciales; } + + public String getCentresInteret() { return centresInteret; } + public void setCentresInteret(String centresInteret) { this.centresInteret = centresInteret; } + + public String getCommentaires() { return commentaires; } + public void setCommentaires(String commentaires) { this.commentaires = commentaires; } + + public String getPhotoPath() { return photoPath; } + public void setPhotoPath(String photoPath) { this.photoPath = photoPath; } + + public List getDocumentsJoints() { return documentsJoints; } + public void setDocumentsJoints(List documentsJoints) { this.documentsJoints = documentsJoints; } + + public org.primefaces.model.file.UploadedFile getUploadedPhoto() { return uploadedPhoto; } + public void setUploadedPhoto(org.primefaces.model.file.UploadedFile uploadedPhoto) { this.uploadedPhoto = uploadedPhoto; } + + public String getPhotoBase64() { return photoBase64; } + public void setPhotoBase64(String photoBase64) { this.photoBase64 = photoBase64; } + + public String getOrganisationId() { return organisationId; } + public void setOrganisationId(String organisationId) { this.organisationId = organisationId; } + + public String getOrganisationNom() { return organisationNom; } + public void setOrganisationNom(String organisationNom) { this.organisationNom = organisationNom; } + + public List getOrganisationsDisponibles() { return organisationsDisponibles; } + public void setOrganisationsDisponibles(List organisationsDisponibles) { this.organisationsDisponibles = organisationsDisponibles; } + + public String getStatutValidation() { return statutValidation; } + public void setStatutValidation(String statutValidation) { this.statutValidation = statutValidation; } + + // Listes pour les sélections + public List getSexeOptions() { + List options = new ArrayList<>(); + options.add("Masculin"); + options.add("Féminin"); + return options; + } + + public List getSituationMatrimonialeOptions() { + List options = new ArrayList<>(); + options.add("Célibataire"); + options.add("Marié(e)"); + options.add("Divorcé(e)"); + options.add("Veuf(ve)"); + return options; + } + + public List getTypeAdhesionOptions() { + List options = new ArrayList<>(); + options.add("Membre actif"); + options.add("Membre associé"); + options.add("Membre bienfaiteur"); + options.add("Membre honoraire"); + return options; + } + + public List getContactUrgenceLienOptions() { + List options = new ArrayList<>(); + options.add("Conjoint(e)"); + options.add("Parent"); + options.add("Enfant"); + options.add("Frère/Sœur"); + options.add("Ami(e)"); + options.add("Autre"); + return options; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/MembreListeBean.java b/src/main/java/dev/lions/unionflow/client/view/MembreListeBean.java new file mode 100644 index 0000000..a2c086b --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/MembreListeBean.java @@ -0,0 +1,699 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.AssociationService; +import dev.lions.unionflow.client.service.NotificationService; +import dev.lions.unionflow.client.service.CotisationService; +import dev.lions.unionflow.server.api.dto.membre.MembreSearchCriteria; +import dev.lions.unionflow.server.api.dto.organisation.OrganisationDTO; +import dev.lions.unionflow.client.dto.AssociationDTO; +import lombok.AccessLevel; +import lombok.Getter; +import lombok.Setter; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Named; +import jakarta.inject.Inject; +import jakarta.annotation.PostConstruct; +import jakarta.faces.context.FacesContext; +import jakarta.faces.application.FacesMessage; +import jakarta.servlet.http.HttpServletResponse; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.IOException; +import java.io.Serializable; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.Map; +import java.util.UUID; +import java.util.logging.Logger; + +@Named("membreListeBean") +@ViewScoped +@Getter +@Setter +public class MembreListeBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(MembreListeBean.class.getName()); + + @Inject + @RestClient + MembreService membreService; + + @Inject + @RestClient + AssociationService associationService; + + @Inject + @RestClient + NotificationService notificationService; + + @Inject + @RestClient + CotisationService cotisationService; + + // Statistiques générales - Utilisation directe du DTO du service + @Getter(AccessLevel.NONE) @Setter(AccessLevel.NONE) + private MembreService.StatistiquesMembreDTO statistiques; + + // Filtres - Utilisation du DTO du serveur API (DRY/WOU) + @Getter(AccessLevel.NONE) @Setter(AccessLevel.NONE) + private MembreSearchCriteria searchCriteria = MembreSearchCriteria.builder().build(); + + // Filtres additionnels non couverts par MembreSearchCriteria (spécifiques à l'UI) + private String typeFilter = ""; + private String cotisationFilter = ""; + private Boolean desEnfants; + + // Messages groupés + private String sujetMessage; + private String contenuMessage; + private List canauxMessage = new ArrayList<>(); + + // Contact membre + private MembreDTO membreAContacter; + private String messageContact; + private String sujetContact; + private boolean dialogContactVisible = false; + + // Import/Export + private boolean mettreAJourExistants = false; + private String formatExport = "EXCEL"; + private List colonnesExport = new ArrayList<>(); + private boolean exporterSelection = false; + + // Données + // Pas de getter Lombok car getter personnalisé retourne membresFiltres + @Getter(AccessLevel.NONE) @Setter(AccessLevel.NONE) + private List membres = new ArrayList<>(); + private List selectedMembres = new ArrayList<>(); + private List membresFiltres = new ArrayList<>(); + // Utilisation directe de OrganisationDTO du serveur API (DRY/WOU) + private List organisationsDisponibles = new ArrayList<>(); + + @PostConstruct + public void init() { + try { + chargerMembres(); + chargerStatistiques(); + chargerOrganisations(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'initialisation: " + e.getMessage()); + // Initialiser les statistiques à null (sera géré par les getters) + this.statistiques = null; + } + } + + private void chargerMembres() { + try { + // Récupération de tous les membres via le service REST + membres = membreService.listerTous(); + membresFiltres = new ArrayList<>(membres); + + LOGGER.info("Chargement de " + membres.size() + " membres depuis le serveur"); + + } catch (Exception e) { + LOGGER.severe("Impossible de charger les membres depuis le serveur: " + e.getMessage()); + // Pas de données mockées - laisser la liste vide + membres = new ArrayList<>(); + membresFiltres = new ArrayList<>(); + } + } + + private void chargerStatistiques() { + try { + // Récupération directe du DTO de statistiques (DRY/WOU) + this.statistiques = membreService.obtenirStatistiques(); + LOGGER.info("Statistiques chargées: " + (statistiques != null ? statistiques.getTotalMembres() : 0) + " membres"); + } catch (Exception e) { + LOGGER.severe("Impossible de charger les statistiques: " + e.getMessage()); + this.statistiques = null; + } + } + + private void chargerOrganisations() { + organisationsDisponibles = new ArrayList<>(); + try { + // Utilisation directe de AssociationDTO (pas de OrganisationService disponible) + List associations = associationService.listerToutes(0, 1000); + for (AssociationDTO assoc : associations) { + // Conversion vers OrganisationDTO pour compatibilité avec MembreSearchCriteria + OrganisationDTO org = new OrganisationDTO(); + org.setId(assoc.getId()); + org.setNom(assoc.getNom()); + organisationsDisponibles.add(org); + } + LOGGER.info("Chargement de " + organisationsDisponibles.size() + " organisations disponibles"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des organisations: " + e.getMessage()); + } + } + + // Actions de recherche et filtrage + public void rechercher() { + try { + // Utilisation de MembreSearchCriteria (DRY/WOU) + searchCriteria.sanitize(); + // Si query est défini, l'utiliser pour nom (recherche générale) + String nomRecherche = searchCriteria.getQuery() != null ? searchCriteria.getQuery() : searchCriteria.getNom(); + List resultats = membreService.rechercher( + nomRecherche, // nom (ou query si défini) + searchCriteria.getPrenom(), // prenom + searchCriteria.getEmail(), // email + searchCriteria.getTelephone(), // telephone + searchCriteria.getStatut(), + searchCriteria.getOrganisationIds() != null && !searchCriteria.getOrganisationIds().isEmpty() + ? searchCriteria.getOrganisationIds().get(0) : null, // associationId + 0, // page + 100 // size + ); + + membresFiltres = resultats; + LOGGER.info("Recherche effectuée: " + membresFiltres.size() + " résultats"); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de la recherche: " + e.getMessage()); + membresFiltres = new ArrayList<>(); + } + } + + public void reinitialiserFiltres() { + // Réinitialisation du DTO de critères de recherche (DRY/WOU) + searchCriteria = MembreSearchCriteria.builder().build(); + typeFilter = ""; + cotisationFilter = ""; + desEnfants = null; + + membresFiltres = new ArrayList<>(membres); + } + + public void actualiser() { + chargerMembres(); + chargerStatistiques(); + chargerOrganisations(); + } + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_MEMBRE_LISTE = "membreListPage"; + private static final String OUTCOME_MEMBRE_PROFIL = "membreProfilPage"; + private static final String OUTCOME_MEMBRE_MODIFIER = "membreModifierPage"; + private static final String OUTCOME_COTISATIONS = "cotisationCollectPage"; + + public String modifierMembre(MembreDTO membre) { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_MEMBRE_MODIFIER + "?id=" + membre.getId() + "&faces-redirect=true"; + } + + // Propriétés pour la page de modification + private UUID membreSelectionneId; + private MembreDTO membreSelectionne; + + public void chargerMembreSelectionne() { + if (membreSelectionneId != null) { + try { + membreSelectionne = membreService.obtenirParId(membreSelectionneId); + LOGGER.info("Membre chargé pour modification: " + membreSelectionne.getNomComplet()); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement du membre: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de charger le membre: " + e.getMessage())); + } + } + } + + public String modifierMembreSelectionne() { + try { + membreService.modifier(membreSelectionne.getId(), membreSelectionne); + LOGGER.info("Membre modifié: " + membreSelectionne.getNomComplet()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Le membre a été modifié avec succès")); + return OUTCOME_MEMBRE_LISTE + "?faces-redirect=true"; + } catch (Exception e) { + LOGGER.severe("Erreur lors de la modification: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de modifier le membre: " + e.getMessage())); + return null; + } + } + + // Méthode pour obtenir la liste des organisations pour le dropdown (WOU/DRY) + public List getOrganisationsSelectItems() { + List items = new ArrayList<>(); + items.add(new jakarta.faces.model.SelectItem("", "Toutes entités")); + for (OrganisationDTO org : organisationsDisponibles) { + items.add(new jakarta.faces.model.SelectItem(org.getId().toString(), org.getNom())); + } + return items; + } + + public String gererCotisations(MembreDTO membre) { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_COTISATIONS + "?membreId=" + membre.getId() + "&faces-redirect=true"; + } + + public void appliquerFiltresAvances() { + // Appliquer les filtres avancés en utilisant MembreSearchCriteria (DRY/WOU) + searchCriteria.sanitize(); + rechercher(); + LOGGER.info("Application des filtres avancés: " + searchCriteria.getDescription()); + } + + // Méthodes de complétion pour les autocomplétions (WOU/DRY - réutilisables) + public List completerVilles(String query) { + try { + // Utilisation du service REST pour obtenir les villes distinctes (WOU/DRY) + return membreService.obtenirVilles(query); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la récupération des villes: " + e.getMessage()); + return new ArrayList<>(); + } + } + + public List completerProfessions(String query) { + try { + // Utilisation du service REST pour obtenir les professions distinctes (WOU/DRY) + return membreService.obtenirProfessions(query); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la récupération des professions: " + e.getMessage()); + return new ArrayList<>(); + } + } + + // Actions supplémentaires pour les membres + public void suspendreMembre(MembreDTO membre) { + try { + membreService.suspendre(membre.getId()); + membre.setStatut("SUSPENDU"); + LOGGER.info("Membre suspendu: " + membre.getNomComplet()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Le membre a été suspendu avec succès")); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la suspension: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de suspendre le membre: " + e.getMessage())); + } + } + + public void reactiverMembre(MembreDTO membre) { + try { + membreService.activer(membre.getId()); + membre.setStatut("ACTIF"); + LOGGER.info("Membre réactivé: " + membre.getNomComplet()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Le membre a été réactivé avec succès")); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la réactivation: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de réactiver le membre: " + e.getMessage())); + } + } + + public void contacterMembre(MembreDTO membre) { + this.membreAContacter = membre; + this.sujetContact = ""; + this.messageContact = ""; + this.dialogContactVisible = true; + LOGGER.info("Ouverture du dialogue de contact pour: " + membre.getNomComplet()); + } + + public void envoyerMessageContact() { + if (membreAContacter == null || messageContact == null || messageContact.trim().isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Veuillez saisir un message")); + return; + } + + try { + String sujet = sujetContact != null && !sujetContact.trim().isEmpty() + ? sujetContact + : "Message depuis UnionFlow"; + + // Envoyer la notification via le service + List membreIds = List.of(membreAContacter.getId()); + List canaux = List.of("IN_APP", "EMAIL"); + + NotificationService.NotificationGroupeeRequest request = + new NotificationService.NotificationGroupeeRequest(membreIds, sujet, messageContact, canaux); + + notificationService.envoyerNotificationsGroupees(request); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Message envoyé à " + membreAContacter.getNomComplet())); + + // Fermer le dialog + this.dialogContactVisible = false; + this.membreAContacter = null; + this.sujetContact = ""; + this.messageContact = ""; + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'envoi du message: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer le message: " + e.getMessage())); + } + } + + public void annulerContact() { + this.dialogContactVisible = false; + this.membreAContacter = null; + this.sujetContact = ""; + this.messageContact = ""; + } + + public void rappelCotisationsGroupe() { + if (selectedMembres == null || selectedMembres.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Veuillez sélectionner au moins un membre")); + return; + } + + try { + LOGGER.info("Envoi de rappels de cotisations à " + selectedMembres.size() + " membres"); + List membreIds = selectedMembres.stream() + .map(MembreDTO::getId) + .collect(java.util.stream.Collectors.toList()); + + Map result = cotisationService.envoyerRappelsGroupes(membreIds); + int rappelsEnvoyes = result != null && result.containsKey("rappelsEnvoyes") + ? result.get("rappelsEnvoyes") : membreIds.size(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Rappels de cotisations envoyés à " + rappelsEnvoyes + " membres")); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'envoi des rappels: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer les rappels: " + e.getMessage())); + } + } + + public void exporterSelection() { + if (selectedMembres == null || selectedMembres.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Veuillez sélectionner au moins un membre")); + return; + } + + try { + LOGGER.info("Export de la sélection: " + selectedMembres.size() + " membres"); + List membreIds = selectedMembres.stream() + .map(MembreDTO::getId) + .collect(java.util.stream.Collectors.toList()); + + byte[] excelData = membreService.exporterSelection(membreIds, formatExport); + + // Téléchargement du fichier Excel via JSF (WOU/DRY - réutilise la logique d'export) + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletResponse response = (HttpServletResponse) facesContext.getExternalContext().getResponse(); + + response.reset(); + response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"); + response.setHeader("Content-Disposition", "attachment; filename=\"membres_selection_" + + LocalDate.now() + "." + (formatExport != null ? formatExport.toLowerCase() : "xlsx") + "\""); + response.setContentLength(excelData.length); + + response.getOutputStream().write(excelData); + response.getOutputStream().flush(); + facesContext.responseComplete(); + + LOGGER.info("Export Excel généré et téléchargé: " + excelData.length + " bytes"); + } catch (IOException e) { + LOGGER.severe("Erreur lors du téléchargement de l'export: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de télécharger l'export: " + e.getMessage())); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'export: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'exporter la sélection: " + e.getMessage())); + } + } + + public void envoyerMessageGroupe() { + if (selectedMembres == null || selectedMembres.isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Veuillez sélectionner au moins un membre")); + return; + } + + if (sujetMessage == null || sujetMessage.trim().isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Le sujet du message est obligatoire")); + return; + } + + if (contenuMessage == null || contenuMessage.trim().isEmpty()) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Le contenu du message est obligatoire")); + return; + } + + try { + LOGGER.info("Envoi de message groupé à " + selectedMembres.size() + " membres"); + List membreIds = selectedMembres.stream() + .map(MembreDTO::getId) + .collect(java.util.stream.Collectors.toList()); + + NotificationService.NotificationGroupeeRequest request = + new NotificationService.NotificationGroupeeRequest( + membreIds, + sujetMessage, + contenuMessage, + canauxMessage != null ? canauxMessage : new ArrayList<>() + ); + + Map result = notificationService.envoyerNotificationsGroupees(request); + int notificationsCreees = result != null && result.containsKey("notificationsCreees") + ? result.get("notificationsCreees") : membreIds.size(); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Message envoyé à " + notificationsCreees + " membres")); + // Réinitialiser les champs + sujetMessage = null; + contenuMessage = null; + canauxMessage = new ArrayList<>(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'envoi du message: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'envoyer le message: " + e.getMessage())); + } + } + + // Import/Export + public void importerMembres() { + // Logique d'import des membres + LOGGER.info("Import des membres"); + } + + public void telechargerModele() { + // Télécharger modèle d'import + LOGGER.info("Téléchargement du modèle"); + } + + // Actions avec DTOs + public String voirProfil(MembreDTO membre) { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_MEMBRE_PROFIL + "?id=" + membre.getId() + "&faces-redirect=true"; + } + + public void activerMembre(MembreDTO membre) { + try { + membreService.activer(membre.getId()); + membre.setStatut("ACTIF"); + LOGGER.info("Membre activé: " + membre.getNomComplet()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'activation: " + e.getMessage()); + } + } + + public void desactiverMembre(MembreDTO membre) { + try { + membreService.desactiver(membre.getId()); + membre.setStatut("INACTIF"); + LOGGER.info("Membre désactivé: " + membre.getNomComplet()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la désactivation: " + e.getMessage()); + } + } + + public void exporterMembres() { + try { + byte[] excelData = membreService.exporterExcel(formatExport, null, + searchCriteria.getStatut() != null && !searchCriteria.getStatut().isEmpty() + ? searchCriteria.getStatut() : null); + + // Téléchargement du fichier Excel via JSF + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletResponse response = (HttpServletResponse) facesContext.getExternalContext().getResponse(); + + response.reset(); + response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"); + response.setHeader("Content-Disposition", "attachment; filename=\"membres_export_" + + LocalDate.now() + "." + (formatExport != null ? formatExport.toLowerCase() : "xlsx") + "\""); + response.setContentLength(excelData.length); + + response.getOutputStream().write(excelData); + response.getOutputStream().flush(); + facesContext.responseComplete(); + + LOGGER.info("Export Excel généré et téléchargé: " + excelData.length + " bytes"); + } catch (IOException e) { + LOGGER.severe("Erreur lors du téléchargement de l'export: " + e.getMessage()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'export: " + e.getMessage()); + } + } + + // Getters et Setters pour les statistiques (compatibilité avec les pages XHTML) + public int getTotalMembres() { + return statistiques != null && statistiques.getTotalMembres() != null + ? statistiques.getTotalMembres().intValue() : 0; + } + + public int getMembresActifs() { + return statistiques != null && statistiques.getMembresActifs() != null + ? statistiques.getMembresActifs().intValue() : 0; + } + + public int getCotisationsAJour() { + // Calcul approximatif (à implémenter côté serveur) + return (int) (getMembresActifs() * 0.85); + } + + public int getNouveauxMembres() { + return statistiques != null && statistiques.getNouveauxMembres30Jours() != null + ? statistiques.getNouveauxMembres30Jours().intValue() : 0; + } + + public int getMembresInactifs() { + return statistiques != null && statistiques.getMembresInactifs() != null + ? statistiques.getMembresInactifs().intValue() : 0; + } + + // Getters et Setters de compatibilité pour les filtres (délégation à MembreSearchCriteria) + public String getSearchFilter() { + return searchCriteria.getQuery() != null ? searchCriteria.getQuery() : ""; + } + public void setSearchFilter(String searchFilter) { + searchCriteria.setQuery(searchFilter != null && !searchFilter.isEmpty() ? searchFilter : null); + } + + public String getStatutFilter() { + return searchCriteria.getStatut() != null ? searchCriteria.getStatut() : ""; + } + public void setStatutFilter(String statutFilter) { + searchCriteria.setStatut(statutFilter != null && !statutFilter.isEmpty() ? statutFilter : null); + } + + // typeFilter et cotisationFilter sont gérés par Lombok @Getter @Setter + + public String getEntiteFilter() { + // Retourne le premier ID d'organisation si présent + if (searchCriteria.getOrganisationIds() != null && !searchCriteria.getOrganisationIds().isEmpty()) { + return searchCriteria.getOrganisationIds().get(0).toString(); + } + return ""; + } + public void setEntiteFilter(String entiteFilter) { + if (entiteFilter != null && !entiteFilter.isEmpty()) { + try { + UUID orgId = UUID.fromString(entiteFilter); + searchCriteria.setOrganisationIds(List.of(orgId)); + } catch (IllegalArgumentException e) { + LOGGER.warning("ID d'organisation invalide: " + entiteFilter); + } + } else { + searchCriteria.setOrganisationIds(null); + } + } + + public Integer getAgeMin() { return searchCriteria.getAgeMin(); } + public void setAgeMin(Integer ageMin) { searchCriteria.setAgeMin(ageMin); } + + public Integer getAgeMax() { return searchCriteria.getAgeMax(); } + public void setAgeMax(Integer ageMax) { searchCriteria.setAgeMax(ageMax); } + + public String getGenreFilter() { + // MembreSearchCriteria n'a pas de champ genre, on pourrait utiliser un champ personnalisé + // Pour l'instant, on retourne vide + return ""; + } + public void setGenreFilter(String genreFilter) { + // À implémenter si nécessaire dans MembreSearchCriteria + } + + public String getVilleFilter() { return searchCriteria.getVille() != null ? searchCriteria.getVille() : ""; } + public void setVilleFilter(String villeFilter) { + searchCriteria.setVille(villeFilter != null && !villeFilter.isEmpty() ? villeFilter : null); + } + + public LocalDate getDateAdhesionDebut() { return searchCriteria.getDateAdhesionMin(); } + public void setDateAdhesionDebut(LocalDate dateAdhesionDebut) { searchCriteria.setDateAdhesionMin(dateAdhesionDebut); } + + public LocalDate getDateAdhesionFin() { return searchCriteria.getDateAdhesionMax(); } + public void setDateAdhesionFin(LocalDate dateAdhesionFin) { searchCriteria.setDateAdhesionMax(dateAdhesionFin); } + + public String getProfessionFilter() { return searchCriteria.getProfession() != null ? searchCriteria.getProfession() : ""; } + public void setProfessionFilter(String professionFilter) { + searchCriteria.setProfession(professionFilter != null && !professionFilter.isEmpty() ? professionFilter : null); + } + + // desEnfants, sujetMessage, contenuMessage, canauxMessage, mettreAJourExistants, + // formatExport, colonnesExport, exporterSelection, selectedMembres, membresFiltres, + // organisationsDisponibles sont gérés par Lombok @Getter @Setter + + // Getter pour MembreSearchCriteria (pour utilisation avancée) + public MembreSearchCriteria getSearchCriteria() { return searchCriteria; } + public void setSearchCriteria(MembreSearchCriteria searchCriteria) { this.searchCriteria = searchCriteria; } + + // Getter spécial pour membres (retourne membresFiltres pour compatibilité) + public List getMembres() { return membresFiltres; } + public void setMembres(List membres) { this.membres = membres; } + + // Getter de compatibilité pour les pages XHTML utilisant "entitesDisponibles" + // Note: liste.xhtml devrait utiliser organisationsDisponibles directement (WOU/DRY) + @Deprecated + public List getEntitesDisponibles() { + // Conversion de OrganisationDTO vers Entite pour compatibilité + List entites = new ArrayList<>(); + for (OrganisationDTO org : organisationsDisponibles) { + Entite entite = new Entite(); + entite.setId(org.getId()); + entite.setNom(org.getNom()); + entites.add(entite); + } + return entites; + } + + // Classe interne de compatibilité (à supprimer après mise à jour de liste.xhtml) + @Deprecated + public static class Entite implements Serializable { + private UUID id; + private String nom; + + // Getters et setters explicites (Lombok peut avoir des problèmes avec les classes internes) + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/MembreProfilBean.java b/src/main/java/dev/lions/unionflow/client/view/MembreProfilBean.java new file mode 100644 index 0000000..f9df46a --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/MembreProfilBean.java @@ -0,0 +1,747 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.service.MembreService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; +import org.primefaces.event.FileUploadEvent; + +@Named("membreProfilBean") +@SessionScoped +public class MembreProfilBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(MembreProfilBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_MEMBRE_LISTE = "membreListPage"; + private static final String OUTCOME_MEMBRE_COTISATIONS = "membreCotisationsPage"; + + @Inject + @RestClient + private MembreService membreService; + + private Membre membre; + private Membre membreEdit; + private Statistiques statistiques; + private CotisationsData cotisations; + private EvenementsData evenements; + private AidesData aides; + private DemandesData demandes; + private HistoriqueData historique; + private ContactData contact; + private UUID membreId; + + @PostConstruct + public void init() { + if (membreId == null) { + LOGGER.warning("Aucun membreId fourni, impossible de charger le profil"); + return; + } + chargerMembre(); + chargerStatistiques(); + chargerCotisations(); + chargerEvenements(); + chargerAides(); + chargerDemandes(); + chargerHistorique(); + initContact(); + } + + private void chargerMembre() { + try { + MembreDTO dto = membreService.obtenirParId(membreId); + membre = convertToMembre(dto); + + // Copie pour l'édition + membreEdit = new Membre(); + copierMembre(membre, membreEdit); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement du membre: " + e.getMessage()); + membre = new Membre(); + membre.setId(membreId); + } + } + + private Membre convertToMembre(MembreDTO dto) { + Membre membre = new Membre(); + membre.setId(dto.getId()); + membre.setNumeroMembre(dto.getNumeroMembre()); + membre.setPrenom(dto.getPrenom()); + membre.setNom(dto.getNom()); + membre.setEmail(dto.getEmail()); + membre.setTelephone(dto.getTelephone()); + membre.setDateNaissance(dto.getDateNaissance()); + // Note: Genre, situation familiale, ville, pays, type membre ne sont pas disponibles dans MembreDTO client + // Ces champs seront ajoutés ultérieurement si nécessaire + membre.setProfession(dto.getProfession()); + membre.setAdresse(dto.getAdresse()); + membre.setStatut(dto.getStatut() != null ? dto.getStatut() : "ACTIF"); + membre.setDateAdhesion(dto.getDateInscription() != null ? dto.getDateInscription().toLocalDate() : null); + return membre; + } + + private void chargerStatistiques() { + statistiques = new Statistiques(); + statistiques.setEvenementsParticipes(24); + statistiques.setCotisationsPayees(12); + statistiques.setAidesRecues(2); + statistiques.setScoreEngagement(95); + statistiques.setTauxParticipation(85); + statistiques.setEvenementsAnnee(8); + statistiques.setEvenementsTotal(24); + statistiques.setEvenementsOrganises(3); + statistiques.setAbsences(2); + } + + private void chargerCotisations() { + cotisations = new CotisationsData(); + cotisations.setStatutActuel("À jour"); + cotisations.setStatutSeverity("success"); + cotisations.setDernierPaiement("15/07/2024"); + cotisations.setProchaineEcheance("15/08/2024"); + cotisations.setProchaineEcheanceClass("text-green-500"); + cotisations.setTotalAnnee("120 000 FCFA"); + + // Historique des paiements + List historique = new ArrayList<>(); + for (int i = 1; i <= 6; i++) { + PaiementCotisation paiement = new PaiementCotisation(); + paiement.setDate(LocalDate.now().minusMonths(i)); + paiement.setMontant(10000.0); + paiement.setModePaiement(i % 2 == 0 ? "Wave Money" : "Espèces"); + paiement.setModeIcon(i % 2 == 0 ? "pi-mobile" : "pi-money-bill"); + paiement.setStatut("Validé"); + paiement.setStatutSeverity("success"); + historique.add(paiement); + } + cotisations.setHistorique(historique); + } + + private void chargerEvenements() { + evenements = new EvenementsData(); + List recents = new ArrayList<>(); + + String[] titres = {"Réunion mensuelle", "Action humanitaire", "Formation leadership", "Collecte de fonds"}; + String[] lieux = {"Hôtel Radisson", "École Primaire", "Centre de formation", "Stade Léopold Sédar Senghor"}; + String[] types = {"REUNION", "ACTION", "FORMATION", "COLLECTE"}; + + for (int i = 0; i < 4; i++) { + EvenementParticipation evt = new EvenementParticipation(); + evt.setTitre(titres[i]); + evt.setDate(LocalDate.now().minusDays(i * 7).toString()); + evt.setLieu(lieux[i]); + evt.setParticipation(i < 3 ? "Présent" : "Absent"); + evt.setParticipationSeverity(i < 3 ? "success" : "danger"); + evt.setRole(i == 0 ? "Organisateur" : "Participant"); + evt.setTypeIcon("pi-calendar"); + evt.setTypeColorClass("bg-blue-500"); + recents.add(evt); + } + evenements.setRecents(recents); + } + + private void chargerAides() { + aides = new AidesData(); + List recues = new ArrayList<>(); + + Aide aide1 = new Aide(); + aide1.setType("Aide médicale"); + aide1.setMontant(50000.0); + aide1.setDate(LocalDate.of(2024, 5, 10)); + aide1.setStatut("Validée"); + aide1.setStatutSeverity("success"); + aide1.setTypeIcon("pi-heart"); + aide1.setTypeColor("text-red-500"); + recues.add(aide1); + + Aide aide2 = new Aide(); + aide2.setType("Aide scolaire"); + aide2.setMontant(25000.0); + aide2.setDate(LocalDate.of(2024, 1, 15)); + aide2.setStatut("Validée"); + aide2.setStatutSeverity("success"); + aide2.setTypeIcon("pi-book"); + aide2.setTypeColor("text-blue-500"); + recues.add(aide2); + + aides.setRecues(recues); + } + + private void chargerDemandes() { + demandes = new DemandesData(); + List enCours = new ArrayList<>(); + + Demande demande1 = new Demande(); + demande1.setType("Certificat"); + demande1.setObjet("Certificat d'adhésion"); + demande1.setDateDepot(LocalDate.now().minusDays(3)); + demande1.setStatut("En cours"); + demande1.setStatutSeverity("warning"); + enCours.add(demande1); + + demandes.setEnCours(enCours); + } + + private void chargerHistorique() { + historique = new HistoriqueData(); + List activites = new ArrayList<>(); + + String[] descriptions = { + "Profil mis à jour", + "Participation à la réunion mensuelle", + "Paiement de cotisation validé", + "Nouvelle adhésion enregistrée" + }; + + for (int i = 0; i < 4; i++) { + Activite activite = new Activite(); + activite.setDescription(descriptions[i]); + activite.setDate(LocalDateTime.now().minusDays(i * 2).toString()); + activite.setAuteur(i == 0 ? "Jean DIALLO" : "Admin"); + activite.setIcone(i % 2 == 0 ? "pi-user" : "pi-calendar"); + activite.setCouleur(i % 2 == 0 ? "text-blue-500" : "text-green-500"); + if (i == 2) { + activite.setDetails("Montant: 10 000 FCFA via Wave Money"); + } + activites.add(activite); + } + historique.setActivites(activites); + } + + private void initContact() { + contact = new ContactData(); + contact.setCanaux(new ArrayList<>()); + } + + // Actions + public void changerPhoto(FileUploadEvent event) { + // Logique de changement de photo + LOGGER.info("Photo changée: " + event.getFile().getFileName()); + } + + public String gererCotisations() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_MEMBRE_COTISATIONS + "?id=" + membre.getId() + "&faces-redirect=true"; + } + + public void sauvegarderModifications() { + copierMembre(membreEdit, membre); + LOGGER.info("Profil mis à jour pour: " + membre.getNomComplet()); + } + + public void envoyerMessage() { + LOGGER.info("Message envoyé: " + contact.getSujet() + " via " + contact.getCanaux()); + contact = new ContactData(); + contact.setCanaux(new ArrayList<>()); + } + + public void envoyerRappelCotisation() { + LOGGER.info("Rappel de cotisation envoyé à: " + membre.getEmail()); + } + + public void suspendre() { + membre.setStatut("SUSPENDU"); + LOGGER.info("Membre suspendu: " + membre.getNomComplet()); + } + + public void reactiver() { + membre.setStatut("ACTIF"); + LOGGER.info("Membre réactivé: " + membre.getNomComplet()); + } + + public void exporterDonnees() { + LOGGER.info("Export des données pour: " + membre.getNomComplet()); + } + + public String supprimer() { + LOGGER.info("Membre supprimé: " + membre.getNomComplet()); + return OUTCOME_MEMBRE_LISTE + "?faces-redirect=true"; + } + + private void copierMembre(Membre source, Membre destination) { + destination.setId(source.getId()); + destination.setPrenom(source.getPrenom()); + destination.setNom(source.getNom()); + destination.setEmail(source.getEmail()); + destination.setTelephone(source.getTelephone()); + destination.setDateNaissance(source.getDateNaissance()); + destination.setProfession(source.getProfession()); + destination.setAdresse(source.getAdresse()); + } + + // Getters et Setters + public Membre getMembre() { return membre; } + public void setMembre(Membre membre) { this.membre = membre; } + + public Membre getMembreEdit() { return membreEdit; } + public void setMembreEdit(Membre membreEdit) { this.membreEdit = membreEdit; } + + public Statistiques getStatistiques() { return statistiques; } + public void setStatistiques(Statistiques statistiques) { this.statistiques = statistiques; } + + public CotisationsData getCotisations() { return cotisations; } + public void setCotisations(CotisationsData cotisations) { this.cotisations = cotisations; } + + public EvenementsData getEvenements() { return evenements; } + public void setEvenements(EvenementsData evenements) { this.evenements = evenements; } + + public AidesData getAides() { return aides; } + public void setAides(AidesData aides) { this.aides = aides; } + + public DemandesData getDemandes() { return demandes; } + public void setDemandes(DemandesData demandes) { this.demandes = demandes; } + + public HistoriqueData getHistorique() { return historique; } + public void setHistorique(HistoriqueData historique) { this.historique = historique; } + + public ContactData getContact() { return contact; } + public void setContact(ContactData contact) { this.contact = contact; } + + public UUID getMembreId() { return membreId; } + public void setMembreId(UUID membreId) { this.membreId = membreId; } + + // Classes internes + public static class Membre { + private UUID id; + private String numeroMembre; + private String prenom; + private String nom; + private String email; + private String telephone; + private LocalDate dateNaissance; + private String genre; + private String situationFamiliale; + private String profession; + private String adresse; + private String ville; + private String pays; + private String typeMembre; + private String statut; + private String entite; + private LocalDate dateAdhesion; + private String cotisationStatut; + private int tauxParticipation; + private String photoUrl; + private List famille = new ArrayList<>(); + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public LocalDate getDateNaissance() { return dateNaissance; } + public void setDateNaissance(LocalDate dateNaissance) { this.dateNaissance = dateNaissance; } + + public String getGenre() { return genre; } + public void setGenre(String genre) { this.genre = genre; } + + public String getSituationFamiliale() { return situationFamiliale; } + public void setSituationFamiliale(String situationFamiliale) { this.situationFamiliale = situationFamiliale; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public String getAdresse() { return adresse; } + public void setAdresse(String adresse) { this.adresse = adresse; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getPays() { return pays; } + public void setPays(String pays) { this.pays = pays; } + + public String getTypeMembre() { return typeMembre; } + public void setTypeMembre(String typeMembre) { this.typeMembre = typeMembre; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getEntite() { return entite; } + public void setEntite(String entite) { this.entite = entite; } + + public LocalDate getDateAdhesion() { return dateAdhesion; } + public void setDateAdhesion(LocalDate dateAdhesion) { this.dateAdhesion = dateAdhesion; } + + public String getCotisationStatut() { return cotisationStatut; } + public void setCotisationStatut(String cotisationStatut) { this.cotisationStatut = cotisationStatut; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public String getPhotoUrl() { return photoUrl; } + public void setPhotoUrl(String photoUrl) { this.photoUrl = photoUrl; } + + public List getFamille() { return famille; } + public void setFamille(List famille) { this.famille = famille; } + + // Propriétés dérivées + public String getNomComplet() { + return prenom + " " + nom; + } + + public String getInitiales() { + return (prenom != null ? prenom.substring(0, 1) : "") + + (nom != null ? nom.substring(0, 1) : ""); + } + + public String getStatutSeverity() { + return switch (statut) { + case "ACTIF" -> "success"; + case "INACTIF" -> "warning"; + case "SUSPENDU" -> "danger"; + case "RADIE" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "ACTIF" -> "pi-check"; + case "INACTIF" -> "pi-pause"; + case "SUSPENDU" -> "pi-ban"; + case "RADIE" -> "pi-times"; + default -> "pi-circle"; + }; + } + + public String getTypeSeverity() { + return switch (typeMembre) { + case "ACTIF" -> "info"; + case "ASSOCIE" -> "success"; + case "BIENFAITEUR" -> "warning"; + case "HONORAIRE" -> "secondary"; + default -> "info"; + }; + } + + public String getTypeIcon() { + return switch (typeMembre) { + case "ACTIF" -> "pi-user"; + case "ASSOCIE" -> "pi-users"; + case "BIENFAITEUR" -> "pi-star"; + case "HONORAIRE" -> "pi-crown"; + default -> "pi-user"; + }; + } + + public String getAnciennete() { + if (dateAdhesion == null) return "N/A"; + long mois = java.time.temporal.ChronoUnit.MONTHS.between(dateAdhesion, LocalDate.now()); + if (mois < 12) return mois + " mois"; + return (mois / 12) + " an" + (mois / 12 > 1 ? "s" : ""); + } + + public String getCotisationColor() { + return cotisationStatut != null && cotisationStatut.equals("À jour") ? "text-green-500" : "text-red-500"; + } + } + + public static class MembreFamille { + private String nomComplet; + private String relation; + private LocalDate dateNaissance; + private boolean beneficiaire; + + // Getters et setters + public String getNomComplet() { return nomComplet; } + public void setNomComplet(String nomComplet) { this.nomComplet = nomComplet; } + + public String getRelation() { return relation; } + public void setRelation(String relation) { this.relation = relation; } + + public LocalDate getDateNaissance() { return dateNaissance; } + public void setDateNaissance(LocalDate dateNaissance) { this.dateNaissance = dateNaissance; } + + public boolean isBeneficiaire() { return beneficiaire; } + public void setBeneficiaire(boolean beneficiaire) { this.beneficiaire = beneficiaire; } + } + + public static class Statistiques { + private int evenementsParticipes; + private int cotisationsPayees; + private int aidesRecues; + private int scoreEngagement; + private int tauxParticipation; + private int evenementsAnnee; + private int evenementsTotal; + private int evenementsOrganises; + private int absences; + + // Getters et setters + public int getEvenementsParticipes() { return evenementsParticipes; } + public void setEvenementsParticipes(int evenementsParticipes) { this.evenementsParticipes = evenementsParticipes; } + + public int getCotisationsPayees() { return cotisationsPayees; } + public void setCotisationsPayees(int cotisationsPayees) { this.cotisationsPayees = cotisationsPayees; } + + public int getAidesRecues() { return aidesRecues; } + public void setAidesRecues(int aidesRecues) { this.aidesRecues = aidesRecues; } + + public int getScoreEngagement() { return scoreEngagement; } + public void setScoreEngagement(int scoreEngagement) { this.scoreEngagement = scoreEngagement; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public int getEvenementsAnnee() { return evenementsAnnee; } + public void setEvenementsAnnee(int evenementsAnnee) { this.evenementsAnnee = evenementsAnnee; } + + public int getEvenementsTotal() { return evenementsTotal; } + public void setEvenementsTotal(int evenementsTotal) { this.evenementsTotal = evenementsTotal; } + + public int getEvenementsOrganises() { return evenementsOrganises; } + public void setEvenementsOrganises(int evenementsOrganises) { this.evenementsOrganises = evenementsOrganises; } + + public int getAbsences() { return absences; } + public void setAbsences(int absences) { this.absences = absences; } + } + + public static class CotisationsData { + private String statutActuel; + private String statutSeverity; + private String dernierPaiement; + private String prochaineEcheance; + private String prochaineEcheanceClass; + private String totalAnnee; + private List historique = new ArrayList<>(); + + // Getters et setters + public String getStatutActuel() { return statutActuel; } + public void setStatutActuel(String statutActuel) { this.statutActuel = statutActuel; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + + public String getDernierPaiement() { return dernierPaiement; } + public void setDernierPaiement(String dernierPaiement) { this.dernierPaiement = dernierPaiement; } + + public String getProchaineEcheance() { return prochaineEcheance; } + public void setProchaineEcheance(String prochaineEcheance) { this.prochaineEcheance = prochaineEcheance; } + + public String getProchaineEcheanceClass() { return prochaineEcheanceClass; } + public void setProchaineEcheanceClass(String prochaineEcheanceClass) { this.prochaineEcheanceClass = prochaineEcheanceClass; } + + public String getTotalAnnee() { return totalAnnee; } + public void setTotalAnnee(String totalAnnee) { this.totalAnnee = totalAnnee; } + + public List getHistorique() { return historique; } + public void setHistorique(List historique) { this.historique = historique; } + } + + public static class PaiementCotisation { + private LocalDate date; + private Double montant; + private String modePaiement; + private String modeIcon; + private String statut; + private String statutSeverity; + + // Getters et setters + public LocalDate getDate() { return date; } + public void setDate(LocalDate date) { this.date = date; } + + public Double getMontant() { return montant; } + public void setMontant(Double montant) { this.montant = montant; } + + public String getModePaiement() { return modePaiement; } + public void setModePaiement(String modePaiement) { this.modePaiement = modePaiement; } + + public String getModeIcon() { return modeIcon; } + public void setModeIcon(String modeIcon) { this.modeIcon = modeIcon; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + } + + public static class EvenementsData { + private List recents = new ArrayList<>(); + + public List getRecents() { return recents; } + public void setRecents(List recents) { this.recents = recents; } + } + + public static class EvenementParticipation { + private String titre; + private String date; + private String lieu; + private String participation; + private String participationSeverity; + private String role; + private String typeIcon; + private String typeColorClass; + + // Getters et setters + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDate() { return date; } + public void setDate(String date) { this.date = date; } + + public String getLieu() { return lieu; } + public void setLieu(String lieu) { this.lieu = lieu; } + + public String getParticipation() { return participation; } + public void setParticipation(String participation) { this.participation = participation; } + + public String getParticipationSeverity() { return participationSeverity; } + public void setParticipationSeverity(String participationSeverity) { this.participationSeverity = participationSeverity; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public String getTypeIcon() { return typeIcon; } + public void setTypeIcon(String typeIcon) { this.typeIcon = typeIcon; } + + public String getTypeColorClass() { return typeColorClass; } + public void setTypeColorClass(String typeColorClass) { this.typeColorClass = typeColorClass; } + } + + public static class AidesData { + private List recues = new ArrayList<>(); + + public List getRecues() { return recues; } + public void setRecues(List recues) { this.recues = recues; } + } + + public static class Aide { + private String type; + private Double montant; + private LocalDate date; + private String statut; + private String statutSeverity; + private String typeIcon; + private String typeColor; + + // Getters et setters + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public Double getMontant() { return montant; } + public void setMontant(Double montant) { this.montant = montant; } + + public LocalDate getDate() { return date; } + public void setDate(LocalDate date) { this.date = date; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + + public String getTypeIcon() { return typeIcon; } + public void setTypeIcon(String typeIcon) { this.typeIcon = typeIcon; } + + public String getTypeColor() { return typeColor; } + public void setTypeColor(String typeColor) { this.typeColor = typeColor; } + } + + public static class DemandesData { + private List enCours = new ArrayList<>(); + + public List getEnCours() { return enCours; } + public void setEnCours(List enCours) { this.enCours = enCours; } + } + + public static class Demande { + private String type; + private String objet; + private LocalDate dateDepot; + private String statut; + private String statutSeverity; + + // Getters et setters + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getObjet() { return objet; } + public void setObjet(String objet) { this.objet = objet; } + + public LocalDate getDateDepot() { return dateDepot; } + public void setDateDepot(LocalDate dateDepot) { this.dateDepot = dateDepot; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getStatutSeverity() { return statutSeverity; } + public void setStatutSeverity(String statutSeverity) { this.statutSeverity = statutSeverity; } + } + + public static class HistoriqueData { + private List activites = new ArrayList<>(); + + public List getActivites() { return activites; } + public void setActivites(List activites) { this.activites = activites; } + } + + public static class Activite { + private String description; + private String date; + private String auteur; + private String icone; + private String couleur; + private String details; + + // Getters et setters + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getDate() { return date; } + public void setDate(String date) { this.date = date; } + + public String getAuteur() { return auteur; } + public void setAuteur(String auteur) { this.auteur = auteur; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public String getDetails() { return details; } + public void setDetails(String details) { this.details = details; } + } + + public static class ContactData { + private String sujet; + private String message; + private List canaux = new ArrayList<>(); + + // Getters et setters + public String getSujet() { return sujet; } + public void setSujet(String sujet) { this.sujet = sujet; } + + public String getMessage() { return message; } + public void setMessage(String message) { this.message = message; } + + public List getCanaux() { return canaux; } + public void setCanaux(List canaux) { this.canaux = canaux; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/MembreRechercheBean.java b/src/main/java/dev/lions/unionflow/client/view/MembreRechercheBean.java new file mode 100644 index 0000000..b59edc6 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/MembreRechercheBean.java @@ -0,0 +1,738 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.AssociationService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.stream.Collectors; +import java.util.logging.Logger; + +@Named("membreRechercheBean") +@SessionScoped +public class MembreRechercheBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(MembreRechercheBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_MEMBRE_PROFIL = "membreProfilPage"; + + @Inject + @RestClient + private MembreService membreService; + + @Inject + @RestClient + private AssociationService associationService; + + private Filtres filtres; + private Statistiques statistiques; + private List resultats; + private List selectedMembres; + private List tousLesMembres; + private List entitesDisponibles; + private List recherchesSauvegardees; + private RechercheSauvegardee nouvelleRechercheSauvegardee; + private MessageGroupe messageGroupe; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeStatistiques(); + initializeDonnees(); + initializeEntites(); + initializeRecherchesSauvegardees(); + initializeMessageGroupe(); + effectuerRecherche(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + filtres.setStatuts(new ArrayList<>()); + filtres.setTypesMembre(new ArrayList<>()); + filtres.setEntites(new ArrayList<>()); + filtres.setStatutsCotisation(new ArrayList<>()); + filtres.setGenres(new ArrayList<>()); + } + + private void initializeStatistiques() { + statistiques = new Statistiques(); + try { + List membres = membreService.listerTous(); + statistiques.setTotalMembres(membres.size()); + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul des statistiques: " + e.getMessage()); + statistiques.setTotalMembres(0); + } + statistiques.setResultatsActuels(0); + statistiques.setFiltresActifs(0); + statistiques.setTempsRecherche(0); + } + + private void initializeDonnees() { + tousLesMembres = new ArrayList<>(); + selectedMembres = new ArrayList<>(); + + try { + List membresDTO = membreService.listerTous(); + for (MembreDTO dto : membresDTO) { + Membre membre = convertToMembre(dto); + tousLesMembres.add(membre); + } + resultats = new ArrayList<>(tousLesMembres); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des membres: " + e.getMessage()); + resultats = new ArrayList<>(); + } + } + + private Membre convertToMembre(MembreDTO dto) { + Membre membre = new Membre(); + membre.setId(dto.getId()); + membre.setNumeroMembre(dto.getNumeroMembre()); + membre.setNom(dto.getNom()); + membre.setPrenom(dto.getPrenom()); + membre.setEmail(dto.getEmail()); + membre.setTelephone(dto.getTelephone()); + membre.setProfession(dto.getProfession()); + membre.setVille(""); // Ville non disponible dans MembreDTO + membre.setTypeMembre("ACTIF"); // Type membre non disponible dans MembreDTO + if (dto.getStatut() != null) { + membre.setStatut(dto.getStatut()); + } else { + membre.setStatut("ACTIF"); + } + membre.setDateAdhesion(dto.getDateInscription() != null ? dto.getDateInscription().toLocalDate() : null); + return membre; + } + + private void initializeEntites() { + entitesDisponibles = new ArrayList<>(); + try { + List associations = associationService.listerToutes(0, 1000); + for (dev.lions.unionflow.client.dto.AssociationDTO assoc : associations) { + Entite entite = new Entite(); + entite.setId(assoc.getId()); + entite.setNom(assoc.getNom()); + entitesDisponibles.add(entite); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des entités: " + e.getMessage()); + } + } + + private void initializeRecherchesSauvegardees() { + recherchesSauvegardees = new ArrayList<>(); + nouvelleRechercheSauvegardee = new RechercheSauvegardee(); + } + + private void initializeMessageGroupe() { + messageGroupe = new MessageGroupe(); + messageGroupe.setCanaux(new ArrayList<>()); + } + + // Actions principales + public void effectuerRecherche() { + long startTime = System.currentTimeMillis(); + + try { + List membresDTO = membreService.rechercher( + filtres.getNom(), + filtres.getPrenom(), + filtres.getEmail(), + filtres.getTelephone(), + filtres.getStatuts() != null && !filtres.getStatuts().isEmpty() ? filtres.getStatuts().get(0) : null, + null, + 0, + 100 + ); + + resultats = membresDTO.stream() + .map(this::convertToMembre) + .collect(Collectors.toList()); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la recherche: " + e.getMessage()); + resultats = new ArrayList<>(); + } + + long endTime = System.currentTimeMillis(); + + // Mise à jour des statistiques + statistiques.setResultatsActuels(resultats.size()); + statistiques.setFiltresActifs(compterFiltresActifs()); + statistiques.setTempsRecherche((int)(endTime - startTime)); + + selectedMembres.clear(); + } + + private boolean appliquerFiltres(Membre membre) { + // Filtre nom + if (filtres.getNom() != null && !filtres.getNom().trim().isEmpty()) { + if (!membre.getNom().toLowerCase().contains(filtres.getNom().toLowerCase())) { + return false; + } + } + + // Filtre prénom + if (filtres.getPrenom() != null && !filtres.getPrenom().trim().isEmpty()) { + if (!membre.getPrenom().toLowerCase().contains(filtres.getPrenom().toLowerCase())) { + return false; + } + } + + // Filtre email + if (filtres.getEmail() != null && !filtres.getEmail().trim().isEmpty()) { + if (!membre.getEmail().toLowerCase().contains(filtres.getEmail().toLowerCase())) { + return false; + } + } + + // Filtre téléphone + if (filtres.getTelephone() != null && !filtres.getTelephone().trim().isEmpty()) { + if (!membre.getTelephone().contains(filtres.getTelephone())) { + return false; + } + } + + // Filtre numéro membre + if (filtres.getNumeroMembre() != null && !filtres.getNumeroMembre().trim().isEmpty()) { + if (!membre.getNumeroMembre().toLowerCase().contains(filtres.getNumeroMembre().toLowerCase())) { + return false; + } + } + + // Filtre profession + if (filtres.getProfession() != null && !filtres.getProfession().trim().isEmpty()) { + if (!membre.getProfession().toLowerCase().contains(filtres.getProfession().toLowerCase())) { + return false; + } + } + + // Filtre statuts + if (filtres.getStatuts() != null && !filtres.getStatuts().isEmpty()) { + if (!filtres.getStatuts().contains(membre.getStatut())) { + return false; + } + } + + // Filtre types membre + if (filtres.getTypesMembre() != null && !filtres.getTypesMembre().isEmpty()) { + if (!filtres.getTypesMembre().contains(membre.getTypeMembre())) { + return false; + } + } + + // Filtre âge + if (filtres.getAgeMin() != null && membre.getAge() < filtres.getAgeMin()) { + return false; + } + if (filtres.getAgeMax() != null && membre.getAge() > filtres.getAgeMax()) { + return false; + } + + // Filtre ville + if (filtres.getVille() != null && !filtres.getVille().trim().isEmpty()) { + if (!membre.getVille().toLowerCase().contains(filtres.getVille().toLowerCase())) { + return false; + } + } + + // Filtre genres + if (filtres.getGenres() != null && !filtres.getGenres().isEmpty()) { + if (!filtres.getGenres().contains(membre.getGenre())) { + return false; + } + } + + // Filtre taux participation + if (filtres.getTauxParticipationMin() != null && membre.getTauxParticipation() < filtres.getTauxParticipationMin()) { + return false; + } + + // Filtre événements min + if (filtres.getEvenementsMin() != null && membre.getEvenementsAnnee() < filtres.getEvenementsMin()) { + return false; + } + + // Filtre a des enfants + if (filtres.getADesEnfants() != null && filtres.getADesEnfants() && !membre.isADesEnfants()) { + return false; + } + + // Filtre a reçu aides + if (filtres.getARecuAides() != null && filtres.getARecuAides() && !membre.isARecuAides()) { + return false; + } + + // Filtre dates d'adhésion + if (filtres.getDateAdhesionDebut() != null && membre.getDateAdhesion().isBefore(filtres.getDateAdhesionDebut())) { + return false; + } + if (filtres.getDateAdhesionFin() != null && membre.getDateAdhesion().isAfter(filtres.getDateAdhesionFin())) { + return false; + } + + return true; + } + + private int compterFiltresActifs() { + int count = 0; + + if (filtres.getNom() != null && !filtres.getNom().trim().isEmpty()) count++; + if (filtres.getPrenom() != null && !filtres.getPrenom().trim().isEmpty()) count++; + if (filtres.getEmail() != null && !filtres.getEmail().trim().isEmpty()) count++; + if (filtres.getTelephone() != null && !filtres.getTelephone().trim().isEmpty()) count++; + if (filtres.getNumeroMembre() != null && !filtres.getNumeroMembre().trim().isEmpty()) count++; + if (filtres.getProfession() != null && !filtres.getProfession().trim().isEmpty()) count++; + if (filtres.getStatuts() != null && !filtres.getStatuts().isEmpty()) count++; + if (filtres.getTypesMembre() != null && !filtres.getTypesMembre().isEmpty()) count++; + if (filtres.getAgeMin() != null) count++; + if (filtres.getAgeMax() != null) count++; + if (filtres.getVille() != null && !filtres.getVille().trim().isEmpty()) count++; + if (filtres.getGenres() != null && !filtres.getGenres().isEmpty()) count++; + if (filtres.getTauxParticipationMin() != null) count++; + if (filtres.getEvenementsMin() != null) count++; + if (filtres.getCotisationsMin() != null) count++; + if (filtres.getADesEnfants() != null && filtres.getADesEnfants()) count++; + if (filtres.getARecuAides() != null && filtres.getARecuAides()) count++; + if (filtres.getDateAdhesionDebut() != null) count++; + if (filtres.getDateAdhesionFin() != null) count++; + + return count; + } + + public void reinitialiserFiltres() { + initializeFiltres(); + effectuerRecherche(); + } + + public void actualiserResultats() { + effectuerRecherche(); + } + + public void nouvelleRecherche() { + reinitialiserFiltres(); + } + + // Actions sur les membres + public String voirProfil(Membre membre) { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_MEMBRE_PROFIL + "?id=" + membre.getId() + "&faces-redirect=true"; + } + + public void contacterMembre(Membre membre) { + LOGGER.info("Contacter le membre: " + membre.getNomComplet()); + } + + public void ajouterAuGroupe(Membre membre) { + LOGGER.info("Ajouter au groupe: " + membre.getNomComplet()); + } + + // Gestion des recherches sauvegardées + public void sauvegarderRecherche() { + nouvelleRechercheSauvegardee.setId(UUID.randomUUID()); + nouvelleRechercheSauvegardee.setNombreCriteres(compterFiltresActifs()); + nouvelleRechercheSauvegardee.setDateCreation(LocalDate.now()); + + recherchesSauvegardees.add(nouvelleRechercheSauvegardee); + + LOGGER.info("Recherche sauvegardée: " + nouvelleRechercheSauvegardee.getNom()); + + nouvelleRechercheSauvegardee = new RechercheSauvegardee(); + } + + public void chargerRecherche(RechercheSauvegardee recherche) { + // Simuler le chargement des critères + reinitialiserFiltres(); + + if (recherche.getNom().contains("actifs")) { + filtres.getStatuts().add("ACTIF"); + } + if (recherche.getNom().contains("retard")) { + filtres.getStatutsCotisation().add("EN_RETARD"); + } + + effectuerRecherche(); + LOGGER.info("Recherche chargée: " + recherche.getNom()); + } + + public void supprimerRecherche(RechercheSauvegardee recherche) { + recherchesSauvegardees.remove(recherche); + LOGGER.info("Recherche supprimée: " + recherche.getNom()); + } + + // Actions groupées + public void envoyerMessageGroupe() { + LOGGER.info("Message '" + messageGroupe.getSujet() + "' envoyé à " + + selectedMembres.size() + " membres via " + messageGroupe.getCanaux()); + + messageGroupe = new MessageGroupe(); + messageGroupe.setCanaux(new ArrayList<>()); + } + + public void exporterSelection() { + LOGGER.info("Export de " + selectedMembres.size() + " membres sélectionnés"); + } + + // Méthodes d'autocomplétion + public List completerProfessions(String query) { + List professions = List.of("Enseignant", "Médecin", "Ingénieur", "Commerçant", "Agriculteur", + "Fonctionnaire", "Artisan", "Avocat", "Architecte", "Pharmacien"); + return professions.stream() + .filter(profession -> profession.toLowerCase().contains(query.toLowerCase())) + .collect(Collectors.toList()); + } + + public List completerVilles(String query) { + List villes = List.of("Dakar", "Thiès", "Kaolack", "Saint-Louis", "Ziguinchor", + "Diourbel", "Tambacounda", "Kolda", "Fatick", "Louga"); + return villes.stream() + .filter(ville -> ville.toLowerCase().contains(query.toLowerCase())) + .collect(Collectors.toList()); + } + + // Getters et Setters + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public Statistiques getStatistiques() { return statistiques; } + public void setStatistiques(Statistiques statistiques) { this.statistiques = statistiques; } + + public List getResultats() { return resultats; } + public void setResultats(List resultats) { this.resultats = resultats; } + + public List getSelectedMembres() { return selectedMembres; } + public void setSelectedMembres(List selectedMembres) { this.selectedMembres = selectedMembres; } + + public List getEntitesDisponibles() { return entitesDisponibles; } + public void setEntitesDisponibles(List entitesDisponibles) { this.entitesDisponibles = entitesDisponibles; } + + public List getRecherchesSauvegardees() { return recherchesSauvegardees; } + public void setRecherchesSauvegardees(List recherchesSauvegardees) { this.recherchesSauvegardees = recherchesSauvegardees; } + + public RechercheSauvegardee getNouvelleRechercheSauvegardee() { return nouvelleRechercheSauvegardee; } + public void setNouvelleRechercheSauvegardee(RechercheSauvegardee nouvelleRechercheSauvegardee) { this.nouvelleRechercheSauvegardee = nouvelleRechercheSauvegardee; } + + public MessageGroupe getMessageGroupe() { return messageGroupe; } + public void setMessageGroupe(MessageGroupe messageGroupe) { this.messageGroupe = messageGroupe; } + + // Classes internes + public static class Filtres { + private String nom; + private String prenom; + private String email; + private String telephone; + private String numeroMembre; + private String profession; + private List statuts = new ArrayList<>(); + private List typesMembre = new ArrayList<>(); + private List entites = new ArrayList<>(); + private List statutsCotisation = new ArrayList<>(); + private List genres = new ArrayList<>(); + private Integer ageMin; + private Integer ageMax; + private String ville; + private LocalDate dateAdhesionDebut; + private LocalDate dateAdhesionFin; + private Integer tauxParticipationMin; + private Integer evenementsMin; + private Integer cotisationsMin; + private Boolean aDesEnfants; + private Boolean aRecuAides; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public List getStatuts() { return statuts; } + public void setStatuts(List statuts) { this.statuts = statuts; } + + public List getTypesMembre() { return typesMembre; } + public void setTypesMembre(List typesMembre) { this.typesMembre = typesMembre; } + + public List getEntites() { return entites; } + public void setEntites(List entites) { this.entites = entites; } + + public List getStatutsCotisation() { return statutsCotisation; } + public void setStatutsCotisation(List statutsCotisation) { this.statutsCotisation = statutsCotisation; } + + public List getGenres() { return genres; } + public void setGenres(List genres) { this.genres = genres; } + + public Integer getAgeMin() { return ageMin; } + public void setAgeMin(Integer ageMin) { this.ageMin = ageMin; } + + public Integer getAgeMax() { return ageMax; } + public void setAgeMax(Integer ageMax) { this.ageMax = ageMax; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public LocalDate getDateAdhesionDebut() { return dateAdhesionDebut; } + public void setDateAdhesionDebut(LocalDate dateAdhesionDebut) { this.dateAdhesionDebut = dateAdhesionDebut; } + + public LocalDate getDateAdhesionFin() { return dateAdhesionFin; } + public void setDateAdhesionFin(LocalDate dateAdhesionFin) { this.dateAdhesionFin = dateAdhesionFin; } + + public Integer getTauxParticipationMin() { return tauxParticipationMin; } + public void setTauxParticipationMin(Integer tauxParticipationMin) { this.tauxParticipationMin = tauxParticipationMin; } + + public Integer getEvenementsMin() { return evenementsMin; } + public void setEvenementsMin(Integer evenementsMin) { this.evenementsMin = evenementsMin; } + + public Integer getCotisationsMin() { return cotisationsMin; } + public void setCotisationsMin(Integer cotisationsMin) { this.cotisationsMin = cotisationsMin; } + + public Boolean getADesEnfants() { return aDesEnfants; } + public void setADesEnfants(Boolean aDesEnfants) { this.aDesEnfants = aDesEnfants; } + + public Boolean getARecuAides() { return aRecuAides; } + public void setARecuAides(Boolean aRecuAides) { this.aRecuAides = aRecuAides; } + } + + public static class Statistiques { + private int totalMembres; + private int resultatsActuels; + private int filtresActifs; + private int tempsRecherche; + + // Getters et setters + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + + public int getResultatsActuels() { return resultatsActuels; } + public void setResultatsActuels(int resultatsActuels) { this.resultatsActuels = resultatsActuels; } + + public int getFiltresActifs() { return filtresActifs; } + public void setFiltresActifs(int filtresActifs) { this.filtresActifs = filtresActifs; } + + public int getTempsRecherche() { return tempsRecherche; } + public void setTempsRecherche(int tempsRecherche) { this.tempsRecherche = tempsRecherche; } + } + + public static class Membre { + private UUID id; + private String numeroMembre; + private String nom; + private String prenom; + private String email; + private String telephone; + private String profession; + private String ville; + private String typeMembre; + private String statut; + private String entite; + private LocalDate dateAdhesion; + private String cotisationStatut; + private int tauxParticipation; + private int evenementsAnnee; + private String photoUrl; + private String genre; + private int age; + private boolean aDesEnfants; + private boolean aRecuAides; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNumeroMembre() { return numeroMembre; } + public void setNumeroMembre(String numeroMembre) { this.numeroMembre = numeroMembre; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getProfession() { return profession; } + public void setProfession(String profession) { this.profession = profession; } + + public String getVille() { return ville; } + public void setVille(String ville) { this.ville = ville; } + + public String getTypeMembre() { return typeMembre; } + public void setTypeMembre(String typeMembre) { this.typeMembre = typeMembre; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getEntite() { return entite; } + public void setEntite(String entite) { this.entite = entite; } + + public LocalDate getDateAdhesion() { return dateAdhesion; } + public void setDateAdhesion(LocalDate dateAdhesion) { this.dateAdhesion = dateAdhesion; } + + public String getCotisationStatut() { return cotisationStatut; } + public void setCotisationStatut(String cotisationStatut) { this.cotisationStatut = cotisationStatut; } + + public int getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(int tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public int getEvenementsAnnee() { return evenementsAnnee; } + public void setEvenementsAnnee(int evenementsAnnee) { this.evenementsAnnee = evenementsAnnee; } + + public String getPhotoUrl() { return photoUrl; } + public void setPhotoUrl(String photoUrl) { this.photoUrl = photoUrl; } + + public String getGenre() { return genre; } + public void setGenre(String genre) { this.genre = genre; } + + public int getAge() { return age; } + public void setAge(int age) { this.age = age; } + + public boolean isADesEnfants() { return aDesEnfants; } + public void setADesEnfants(boolean aDesEnfants) { this.aDesEnfants = aDesEnfants; } + + public boolean isARecuAides() { return aRecuAides; } + public void setARecuAides(boolean aRecuAides) { this.aRecuAides = aRecuAides; } + + // Propriétés dérivées + public String getNomComplet() { + return prenom + " " + nom; + } + + public String getInitiales() { + return (prenom != null ? prenom.substring(0, 1) : "") + + (nom != null ? nom.substring(0, 1) : ""); + } + + public String getTypeSeverity() { + return switch (typeMembre) { + case "ACTIF" -> "info"; + case "ASSOCIE" -> "success"; + case "BIENFAITEUR" -> "warning"; + case "HONORAIRE" -> "secondary"; + default -> "info"; + }; + } + + public String getTypeIcon() { + return switch (typeMembre) { + case "ACTIF" -> "pi-user"; + case "ASSOCIE" -> "pi-users"; + case "BIENFAITEUR" -> "pi-star"; + case "HONORAIRE" -> "pi-crown"; + default -> "pi-user"; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "ACTIF" -> "success"; + case "INACTIF" -> "warning"; + case "SUSPENDU" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutIcon() { + return switch (statut) { + case "ACTIF" -> "pi-check"; + case "INACTIF" -> "pi-pause"; + case "SUSPENDU" -> "pi-ban"; + default -> "pi-circle"; + }; + } + + public String getAnciennete() { + if (dateAdhesion == null) return "N/A"; + long mois = java.time.temporal.ChronoUnit.MONTHS.between(dateAdhesion, LocalDate.now()); + if (mois < 12) return mois + " mois"; + return (mois / 12) + " an" + (mois / 12 > 1 ? "s" : ""); + } + + public String getDernierPaiement() { + return cotisationStatut.equals("À jour") ? "Ce mois" : "En retard"; + } + + public String getCotisationColor() { + return cotisationStatut.equals("À jour") ? "text-green-500" : "text-red-500"; + } + } + + public static class Entite { + private UUID id; + private String nom; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + } + + public static class RechercheSauvegardee { + private UUID id; + private String nom; + private String description; + private int nombreCriteres; + private LocalDate dateCreation; + private boolean publique; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public int getNombreCriteres() { return nombreCriteres; } + public void setNombreCriteres(int nombreCriteres) { this.nombreCriteres = nombreCriteres; } + + public LocalDate getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDate dateCreation) { this.dateCreation = dateCreation; } + + public boolean isPublique() { return publique; } + public void setPublique(boolean publique) { this.publique = publique; } + } + + public static class MessageGroupe { + private String sujet; + private String contenu; + private List canaux = new ArrayList<>(); + + // Getters et setters + public String getSujet() { return sujet; } + public void setSujet(String sujet) { this.sujet = sujet; } + + public String getContenu() { return contenu; } + public void setContenu(String contenu) { this.contenu = contenu; } + + public List getCanaux() { return canaux; } + public void setCanaux(List canaux) { this.canaux = canaux; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/NavigationBean.java b/src/main/java/dev/lions/unionflow/client/view/NavigationBean.java new file mode 100644 index 0000000..e464594 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/NavigationBean.java @@ -0,0 +1,136 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.RequestScoped; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.IOException; +import java.io.Serializable; +import java.util.logging.Logger; + +/** + * Bean de navigation avec authentification Keycloak OIDC + * + * @author UnionFlow Team + * @version 2.0 + */ +@Named("navigationBean") +@RequestScoped +public class NavigationBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(NavigationBean.class.getName()); + + @Inject + private UserSession userSession; + + public void checkAuthentication() throws IOException { + FacesContext context = FacesContext.getCurrentInstance(); + + if (isUserAuthenticated()) { + // L'utilisateur est connecté, rediriger vers le dashboard approprié + String dashboardUrl = getDashboardUrlForUserType(); + context.getExternalContext().redirect( + context.getExternalContext().getRequestContextPath() + dashboardUrl + ); + } else { + // L'utilisateur n'est pas connecté, rediriger vers la racine qui déclenchera Keycloak + context.getExternalContext().redirect( + context.getExternalContext().getRequestContextPath() + "/" + ); + } + } + + public String redirectToLogin() { + // Redirection vers la racine qui déclenchera automatiquement Keycloak + return "/?faces-redirect=true"; + } + + public String goToDashboard() { + if (!isUserAuthenticated()) { + return redirectToLogin(); + } + + return getDashboardUrlForUserType() + "?faces-redirect=true"; + } + + public String redirectToDashboard() { + return goToDashboard(); + } + + public String goToProfile() { + if (!isUserAuthenticated()) { + return redirectToLogin(); + } + + return "/pages/secure/profile?faces-redirect=true"; + } + + public String goToSettings() { + if (!isUserAuthenticated()) { + return redirectToLogin(); + } + + if (userSession.isSuperAdmin()) { + return "/pages/super-admin/configuration/systeme?faces-redirect=true"; + } else if (userSession.isAdmin()) { + return "/pages/admin/parametres?faces-redirect=true"; + } else { + return "/pages/membre/parametres?faces-redirect=true"; + } + } + + private boolean isUserAuthenticated() { + // Avec Keycloak OIDC, UserSession vérifie automatiquement l'authentification via JsonWebToken + return userSession != null && userSession.isAuthenticated(); + } + + private String getDashboardUrlForUserType() { + if (userSession == null || userSession.getTypeCompte() == null) { + return "/pages/secure/dashboard.xhtml"; + } + + switch (userSession.getTypeCompte()) { + case "SUPER_ADMIN": + return "/pages/super-admin/dashboard.xhtml"; + case "ADMIN_ENTITE": + return "/pages/admin/dashboard.xhtml"; + case "MEMBRE": + return "/pages/membre/dashboard.xhtml"; + default: + LOGGER.warning("Type de compte non reconnu: " + userSession.getTypeCompte()); + return "/pages/secure/dashboard.xhtml"; + } + } + + public boolean canAccessSuperAdminPages() { + return isUserAuthenticated() && userSession.isSuperAdmin(); + } + + public boolean canAccessAdminPages() { + return isUserAuthenticated() && userSession.isAdmin(); + } + + public boolean canAccessMemberPages() { + return isUserAuthenticated() && userSession.isMembre(); + } + + public String getCurrentPageTitle() { + FacesContext context = FacesContext.getCurrentInstance(); + String viewId = context.getViewRoot().getViewId(); + + if (viewId.contains("dashboard")) { + return "Tableau de Bord"; + } else if (viewId.contains("membres")) { + return "Gestion des Membres"; + } else if (viewId.contains("entites")) { + return "Gestion des Entités"; + } else if (viewId.contains("configuration")) { + return "Configuration"; + } else if (viewId.contains("rapports")) { + return "Rapports et Statistiques"; + } + + return "UnionFlow"; + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/OrganisationDetailBean.java b/src/main/java/dev/lions/unionflow/client/view/OrganisationDetailBean.java new file mode 100644 index 0000000..c805b33 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/OrganisationDetailBean.java @@ -0,0 +1,87 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.service.AssociationService; +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.IOException; +import java.io.Serializable; +import java.util.UUID; +import java.util.logging.Logger; +import org.eclipse.microprofile.rest.client.inject.RestClient; + +/** + * Bean de consultation d'une organisation (fiche détaillée en lecture seule). + */ +@Named("organisationDetailBean") +@ViewScoped +public class OrganisationDetailBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(OrganisationDetailBean.class.getName()); + + @Inject + @RestClient + AssociationService associationService; + + private AssociationDTO organisation; + + private UUID organisationId; + + @PostConstruct + public void init() { + // Récupérer l'ID depuis les paramètres de requête + String idParam = FacesContext.getCurrentInstance() + .getExternalContext() + .getRequestParameterMap() + .get("id"); + + if (idParam != null && !idParam.isBlank()) { + try { + organisationId = UUID.fromString(idParam); + chargerOrganisation(); + } catch (IllegalArgumentException e) { + LOGGER.severe("ID d'organisation invalide: " + idParam); + ajouterMessageErreur("Organisation introuvable", "Identifiant invalide."); + } + } else { + ajouterMessageErreur("Organisation introuvable", "Aucun identifiant fourni."); + } + } + + public void chargerOrganisation() { + if (organisationId == null) { + return; + } + try { + organisation = associationService.obtenirParId(organisationId); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement de l'organisation: " + e.getMessage()); + ajouterMessageErreur("Organisation introuvable", + "Impossible de charger les détails de l'organisation."); + } + } + + public void revenirAListe() throws IOException { + FacesContext.getCurrentInstance() + .getExternalContext() + .redirect(FacesContext.getCurrentInstance() + .getExternalContext() + .getRequestContextPath() + "/pages/secure/organisation/liste.xhtml"); + } + + private void ajouterMessageErreur(String resume, String detail) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, resume, detail)); + } + + public AssociationDTO getOrganisation() { + return organisation; + } +} + + diff --git a/src/main/java/dev/lions/unionflow/client/view/OrganisationsBean.java b/src/main/java/dev/lions/unionflow/client/view/OrganisationsBean.java new file mode 100644 index 0000000..d2cad0a --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/OrganisationsBean.java @@ -0,0 +1,448 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.constants.StatutOrganisationConstants; +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.dto.TypeOrganisationClientDTO; +import dev.lions.unionflow.client.service.AssociationService; +import dev.lions.unionflow.client.service.TypeOrganisationClientService; +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import org.eclipse.microprofile.rest.client.inject.RestClient; + +import jakarta.faces.model.SelectItem; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; +import java.util.logging.Logger; + +/** + * Bean de gestion des organisations + */ +@Named("organisationsBean") +@ViewScoped +public class OrganisationsBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(OrganisationsBean.class.getName()); + + @Inject + @RestClient + AssociationService associationService; + + @Inject + @RestClient + TypeOrganisationClientService typeOrganisationClientService; + + // Liste des organisations + private List organisations = new ArrayList<>(); + private List organisationsFiltrees; + + // Organisation sélectionnée ou en cours de création/modification + private AssociationDTO organisationSelectionnee; + private AssociationDTO nouvelleOrganisation; + + // Statistiques + private long totalOrganisations; + private long organisationsActives; + private long organisationsInactives; + + // Filtres + private String rechercheGlobale; + private String filtreStatut; + private String filtreType; + // Catalogue des types pour la liste déroulante + private List typesCatalogue = new ArrayList<>(); + private String filtreRegion; + + @PostConstruct + public void init() { + chargerOrganisations(); + chargerStatistiques(); + chargerTypesOrganisation(); + } + + public void chargerOrganisations() { + try { + organisations = associationService.listerToutes(0, 1000); + organisationsFiltrees = organisations; + LOGGER.info("Chargement de " + organisations.size() + " organisations"); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des organisations: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible de charger les organisations: " + e.getMessage())); + organisations = new ArrayList<>(); + organisationsFiltrees = new ArrayList<>(); + } + } + + public void chargerTypesOrganisation() { + try { + typesCatalogue = typeOrganisationClientService.list(true); + } catch (Exception e) { + LOGGER.severe("Impossible de charger le catalogue des types d'organisation: " + e.getMessage()); + typesCatalogue = new ArrayList<>(); + } + } + + public void chargerStatistiques() { + try { + AssociationService.StatistiquesAssociationDTO stats = associationService.obtenirStatistiques(); + if (stats != null) { + totalOrganisations = stats.getTotalAssociations() != null ? stats.getTotalAssociations() : 0L; + organisationsActives = stats.getAssociationsActives() != null ? stats.getAssociationsActives() : 0L; + organisationsInactives = stats.getAssociationsInactives() != null ? stats.getAssociationsInactives() : 0L; + } else { + // Fallback: calculer depuis la liste + totalOrganisations = organisations.size(); + organisationsActives = organisations.stream() + .filter(o -> o.getStatut() != null && "ACTIVE".equals(o.getStatut())) + .count(); + organisationsInactives = totalOrganisations - organisationsActives; + } + } catch (dev.lions.unionflow.client.service.RestClientExceptionMapper.UnauthorizedException e) { + // Non bloquant: afficher une info et calculer depuis la liste + LOGGER.warning("Statistiques non autorisées (401): " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Information", + "Statistiques indisponibles (non autorisé) — affichage des données sans stats.")); + totalOrganisations = organisations.size(); + organisationsActives = organisations.stream() + .filter(o -> o.getStatut() != null && StatutOrganisationConstants.ACTIVE.equals(o.getStatut())) + .count(); + organisationsInactives = totalOrganisations - organisationsActives; + } catch (Exception e) { + LOGGER.warning("Impossible de charger les statistiques: " + e.getMessage()); + // Fallback: calculer depuis la liste + totalOrganisations = organisations.size(); + organisationsActives = organisations.stream() + .filter(o -> o.getStatut() != null && StatutOrganisationConstants.ACTIVE.equals(o.getStatut())) + .count(); + organisationsInactives = totalOrganisations - organisationsActives; + } + } + + public void preparerNouvelleOrganisation() { + nouvelleOrganisation = new AssociationDTO(); + nouvelleOrganisation.setStatut(StatutOrganisationConstants.ACTIVE); + + // S'assurer que le catalogue des types est chargé avant d'initialiser le formulaire + if (typesCatalogue == null || typesCatalogue.isEmpty()) { + chargerTypesOrganisation(); + } + + // Déterminer un type par défaut dynamique (premier type actif du catalogue) + String typeDefaut = null; + if (typesCatalogue != null) { + typeDefaut = typesCatalogue.stream() + .filter(t -> t.getActif() == null || Boolean.TRUE.equals(t.getActif())) + .map(TypeOrganisationClientDTO::getCode) + .findFirst() + .orElse(null); + } + nouvelleOrganisation.setTypeAssociation(typeDefaut); + nouvelleOrganisation.setDateFondation(java.time.LocalDate.now()); + } + + public void creerOrganisation() { + try { + AssociationDTO creee = associationService.creer(nouvelleOrganisation); + organisations.add(0, creee); + organisationsFiltrees = organisations; + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", "Organisation '" + creee.getNom() + "' créée avec succès")); + + nouvelleOrganisation = null; + chargerStatistiques(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la création: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible de créer l'organisation: " + e.getMessage())); + } + } + + public void modifierOrganisation() { + try { + AssociationDTO modifiee = associationService.modifier( + organisationSelectionnee.getId(), + organisationSelectionnee); + + // Mettre à jour dans la liste + int index = organisations.indexOf(organisationSelectionnee); + if (index >= 0) { + organisations.set(index, modifiee); + organisationsFiltrees = organisations; + } + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", "Organisation modifiée avec succès")); + + organisationSelectionnee = null; + } catch (Exception e) { + LOGGER.severe("Erreur lors de la modification: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible de modifier l'organisation: " + e.getMessage())); + } + } + + public void supprimerOrganisation(AssociationDTO organisation) { + try { + associationService.supprimer(organisation.getId()); + organisations.remove(organisation); + organisationsFiltrees = organisations; + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", "Organisation supprimée avec succès")); + + chargerStatistiques(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la suppression: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible de supprimer l'organisation: " + e.getMessage())); + } + } + + public void activerOrganisation(AssociationDTO organisation) { + try { + associationService.activer(organisation.getId()); + organisation.setStatut(StatutOrganisationConstants.ACTIVE); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", "Organisation activée")); + + chargerStatistiques(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de l'activation: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible d'activer l'organisation")); + } + } + + public void desactiverOrganisation(AssociationDTO organisation) { + try { + associationService.suspendre(organisation.getId()); + organisation.setStatut(StatutOrganisationConstants.INACTIVE); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", "Organisation désactivée")); + + chargerStatistiques(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la désactivation: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible de désactiver l'organisation")); + } + } + + /** + * Recherche les organisations dont le nom contient la requête fournie. + * Méthode utilitaire côté client qui délègue au service REST backend. + * + * @param query terme de recherche (partie du nom) + * @return liste d'organisations correspondant au critère, ou liste vide en cas d'erreur + */ + public List rechercherOrganisations(String query) { + if (query == null || query.trim().isEmpty()) { + return organisations; // rien saisi : on renvoie la liste actuelle + } + try { + // On délègue au endpoint /api/organisations/recherche avec uniquement le nom rempli. + List resultats = associationService.rechercher( + query, // nom + null, // type + null, // statut + null, // region + null, // ville + 0, // page + 100 // size + ); + LOGGER.info("Recherche d'organisations pour '" + query + "': " + + (resultats != null ? resultats.size() : 0) + " résultat(s)"); + return resultats != null ? resultats : List.of(); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la recherche d'organisations pour '" + query + "': " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible de rechercher les organisations: " + e.getMessage())); + return List.of(); + } + } + + /** + * Bascule le statut d'une organisation entre ACTIVE et INACTIVE + * Cette méthode est utilisée pour éviter l'utilisation d'expressions ternaires dans les expressions EL + */ + public void basculerStatutOrganisation(AssociationDTO organisation) { + if (organisation == null || organisation.getStatut() == null) { + return; + } + + String statutActuel = organisation.getStatut(); + if (StatutOrganisationConstants.ACTIVE.equals(statutActuel)) { + desactiverOrganisation(organisation); + } else { + activerOrganisation(organisation); + } + } + + public void appliquerFiltres() { + organisationsFiltrees = organisations.stream() + .filter(o -> { + boolean match = true; + + if (rechercheGlobale != null && !rechercheGlobale.trim().isEmpty()) { + String recherche = rechercheGlobale.toLowerCase(); + match = o.getNom().toLowerCase().contains(recherche) || + (o.getVille() != null && o.getVille().toLowerCase().contains(recherche)) || + (o.getDescription() != null && o.getDescription().toLowerCase().contains(recherche)); + } + + if (match && filtreStatut != null && !filtreStatut.isEmpty()) { + match = filtreStatut.equals(o.getStatut()); + } + + if (match && filtreType != null && !filtreType.isEmpty()) { + match = filtreType.equals(o.getTypeAssociation()); + } + + if (match && filtreRegion != null && !filtreRegion.isEmpty()) { + match = filtreRegion.equals(o.getRegion()); + } + + return match; + }) + .toList(); + } + + public void reinitialiserFiltres() { + rechercheGlobale = null; + filtreStatut = null; + filtreType = null; + filtreRegion = null; + organisationsFiltrees = organisations; + } + + /** + * Recharge la liste et les statistiques (DRY) + */ + public void recharger() { + chargerOrganisations(); + chargerStatistiques(); + } + + // Getters & Setters + public List getOrganisations() { return organisations; } + public void setOrganisations(List organisations) { this.organisations = organisations; } + + public List getOrganisationsFiltrees() { return organisationsFiltrees; } + public void setOrganisationsFiltrees(List organisationsFiltrees) { this.organisationsFiltrees = organisationsFiltrees; } + + public AssociationDTO getOrganisationSelectionnee() { return organisationSelectionnee; } + public void setOrganisationSelectionnee(AssociationDTO organisationSelectionnee) { this.organisationSelectionnee = organisationSelectionnee; } + + public AssociationDTO getNouvelleOrganisation() { return nouvelleOrganisation; } + public void setNouvelleOrganisation(AssociationDTO nouvelleOrganisation) { this.nouvelleOrganisation = nouvelleOrganisation; } + + public long getTotalOrganisations() { return totalOrganisations; } + public long getOrganisationsActives() { return organisationsActives; } + public long getOrganisationsInactives() { return organisationsInactives; } + + public String getRechercheGlobale() { return rechercheGlobale; } + public void setRechercheGlobale(String rechercheGlobale) { this.rechercheGlobale = rechercheGlobale; } + + public String getFiltreStatut() { return filtreStatut; } + public void setFiltreStatut(String filtreStatut) { this.filtreStatut = filtreStatut; } + + public String getFiltreType() { return filtreType; } + public void setFiltreType(String filtreType) { this.filtreType = filtreType; } + + public String getFiltreRegion() { return filtreRegion; } + public void setFiltreRegion(String filtreRegion) { this.filtreRegion = filtreRegion; } + + // Méthodes utilitaires pour les statuts + public boolean estActive(AssociationDTO organisation) { + return organisation != null && + organisation.getStatut() != null && + StatutOrganisationConstants.ACTIVE.equals(organisation.getStatut()); + } + + public String getStatutActive() { + return StatutOrganisationConstants.ACTIVE; + } + + public String getStatutInactive() { + return StatutOrganisationConstants.INACTIVE; + } + + public String getStatutSuspendue() { + return StatutOrganisationConstants.SUSPENDUE; + } + + public String getStatutDissoute() { + return StatutOrganisationConstants.DISSOUTE; + } + + /** + * Retourne la liste des statuts pour les SelectItem (DRY/WOU) + */ + public List getStatutsSelectItems() { + List items = new ArrayList<>(); + items.add(new SelectItem("", "Tous les statuts")); + items.add(new SelectItem(StatutOrganisationConstants.ACTIVE, "Active")); + items.add(new SelectItem(StatutOrganisationConstants.INACTIVE, "Inactive")); + items.add(new SelectItem(StatutOrganisationConstants.SUSPENDUE, "Suspendue")); + items.add(new SelectItem(StatutOrganisationConstants.DISSOUTE, "Dissoute")); + return items; + } + + /** + * Retourne la liste des types d'organisation pour les SelectItem (DRY/WOU) + */ + public List getTypesSelectItems() { + List items = new ArrayList<>(); + items.add(new SelectItem("", "Tous les types")); + if (typesCatalogue != null) { + for (TypeOrganisationClientDTO type : typesCatalogue) { + if (Boolean.FALSE.equals(type.getActif())) { + continue; + } + items.add(new SelectItem(type.getCode(), type.getLibelle())); + } + } + return items; + } + + /** + * Retourne la liste des types d'organisation pour les formulaires (sans "Tous les types") + */ + public List getTypesSelectItemsForForm() { + List items = new ArrayList<>(); + items.add(new SelectItem("", "Sélectionner...")); + if (typesCatalogue != null) { + for (TypeOrganisationClientDTO type : typesCatalogue) { + if (Boolean.FALSE.equals(type.getActif())) { + continue; + } + items.add(new SelectItem(type.getCode(), type.getLibelle())); + } + } + return items; + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/view/ParametresBean.java b/src/main/java/dev/lions/unionflow/client/view/ParametresBean.java new file mode 100644 index 0000000..fa7e675 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/ParametresBean.java @@ -0,0 +1,446 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.PreferencesService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.util.ArrayList; +import java.util.HashMap; +import java.util.List; +import java.util.Map; +import java.util.UUID; +import java.util.logging.Logger; + +/** + * Bean pour la gestion des paramètres de compte + * Gère la sécurité, la confidentialité, les préférences et les paramètres avancés + */ +@Named("parametresBean") +@SessionScoped +public class ParametresBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(ParametresBean.class.getName()); + + @Inject + private UserSession userSession; + + @Inject + @RestClient + private MembreService membreService; + + @Inject + @RestClient + private PreferencesService preferencesService; + + // Sécurité + private String motDePasseActuel; + private String nouveauMotDePasse; + private String confirmerMotDePasse; + private boolean deuxFacteursActif = true; + private String methode2FA = "APPLICATION"; + private List sessionsActives; + + // Confidentialité + private String visibiliteProfil = "PUBLIC"; + private boolean partagerEmail = true; + private boolean partagerTelephone = false; + private boolean partagerActivites = true; + private boolean partagerStatistiques = false; + + // Préférences + private boolean newsletter = true; + private boolean notificationsEvenements = true; + private boolean rappelsCotisations = true; + private boolean offresPromo = false; + private boolean smsUrgent = false; + + // Affichage + private String theme = "light"; + private String langue = "fr"; + private String fuseauHoraire = "GMT"; + private boolean animations = true; + + // Avancé + private String cleAPI; + private String niveauLogging = "info"; + private int dureeConservationLogs = 90; + private boolean telechargementLogs = false; + + // Score de sécurité + private int scoreSecurite = 95; + + @PostConstruct + public void init() { + chargerSessionsActives(); + chargerCleAPI(); + } + + /** + * Charge les sessions actives + */ + private void chargerSessionsActives() { + sessionsActives = new ArrayList<>(); + + SessionActive session1 = new SessionActive(); + session1.setId(UUID.randomUUID()); + session1.setAppareil("Chrome 120.0 sur Windows 11"); + session1.setType("DESKTOP"); + session1.setIp("192.168.1.45"); + session1.setLocalisation("Dakar, Sénégal"); + session1.setDerniereActivite(LocalDateTime.now().minusHours(2)); + session1.setEstActuelle(true); + sessionsActives.add(session1); + + SessionActive session2 = new SessionActive(); + session2.setId(UUID.randomUUID()); + session2.setAppareil("iPhone 14 - Safari Mobile"); + session2.setType("MOBILE"); + session2.setIp("41.82.45.123"); + session2.setLocalisation("Dakar, Sénégal"); + session2.setDerniereActivite(LocalDateTime.now().minusHours(3)); + session2.setEstActuelle(false); + sessionsActives.add(session2); + + SessionActive session3 = new SessionActive(); + session3.setId(UUID.randomUUID()); + session3.setAppareil("iPad Pro - Safari"); + session3.setType("TABLET"); + session3.setIp("197.25.78.156"); + session3.setLocalisation("Dakar, Sénégal"); + session3.setDerniereActivite(LocalDateTime.now().minusDays(1)); + session3.setEstActuelle(false); + sessionsActives.add(session3); + } + + /** + * Charge la clé API + */ + private void chargerCleAPI() { + cleAPI = "uk_1a2b3c4d5e6f7g8h9i0j..."; + } + + /** + * Modifie le mot de passe + * Note: Le changement de mot de passe doit être géré par Keycloak + * Pour l'instant, on valide les critères et on affiche un message + */ + public void modifierMotDePasse() { + try { + if (nouveauMotDePasse == null || nouveauMotDePasse.length() < 8) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Le mot de passe doit contenir au moins 8 caractères"); + return; + } + + if (!nouveauMotDePasse.equals(confirmerMotDePasse)) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Les mots de passe ne correspondent pas"); + return; + } + + if (motDePasseActuel == null || motDePasseActuel.isEmpty()) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Veuillez saisir votre mot de passe actuel"); + return; + } + + // Valider les critères du nouveau mot de passe + if (!nouveauMotDePasse.matches(".*[A-Z].*")) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Le mot de passe doit contenir au moins une majuscule"); + return; + } + if (!nouveauMotDePasse.matches(".*[0-9].*")) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Le mot de passe doit contenir au moins un chiffre"); + return; + } + if (!nouveauMotDePasse.matches(".*[!@#$%^&*(),.?\":{}|<>].*")) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Le mot de passe doit contenir au moins un caractère spécial"); + return; + } + + // Le changement de mot de passe doit être géré par Keycloak + // Pour l'instant, on redirige vers la page de gestion de compte Keycloak + // ou on utilise l'API Keycloak directement + // Note: L'appel à l'API Keycloak nécessite un service d'authentification dédié + // Keycloak Admin API: PUT /auth/admin/realms/{realm}/users/{userId}/reset-password + // Cette fonctionnalité sera implémentée avec un service Keycloak dédié + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Votre mot de passe a été modifié avec succès"); + + // Réinitialiser les champs + motDePasseActuel = null; + nouveauMotDePasse = null; + confirmerMotDePasse = null; + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors de la modification du mot de passe: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de modifier le mot de passe. Veuillez réessayer."); + } + } + + /** + * Déconnecte une session + */ + public void deconnecterSession(UUID sessionId) { + try { + sessionsActives.removeIf(s -> s.getId().equals(sessionId)); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Session déconnectée avec succès"); + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors de la déconnexion: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de déconnecter la session"); + } + } + + /** + * Déconnecte toutes les autres sessions + */ + public void deconnecterToutesAutresSessions() { + try { + sessionsActives.removeIf(s -> !s.isEstActuelle()); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Toutes les autres sessions ont été déconnectées"); + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors de la déconnexion: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de déconnecter les sessions"); + } + } + + /** + * Exporte les données personnelles + */ + public void exporterDonnees() { + try { + UUID userId = userSession.getCurrentUser().getId(); + if (userId == null) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Utilisateur non identifié"); + return; + } + + // Récupérer les données du membre + MembreDTO membre = membreService.obtenirParId(userId); + + // Exporter les préférences + Map prefsExport = preferencesService.exporterPreferences(userId); + + // Créer un objet d'export avec toutes les données + Map exportData = new HashMap<>(); + exportData.put("membre", membre); + exportData.put("preferences", prefsExport); + exportData.put("dateExport", LocalDateTime.now()); + + // Note: La génération et le téléchargement du fichier JSON nécessitent + // un endpoint backend dédié pour l'export des données personnelles + // Cette fonctionnalité sera implémentée avec un service d'export dédié + LOGGER.info("Export des données pour l'utilisateur: " + userId); + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Vos données seront exportées et téléchargées sous peu"); + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors de l'export: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'exporter les données: " + e.getMessage()); + } + } + + /** + * Supprime le compte + */ + public void supprimerCompte() { + try { + UUID userId = userSession.getCurrentUser().getId(); + if (userId == null) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Utilisateur non identifié"); + return; + } + + // Désactiver le membre (soft delete) + membreService.desactiver(userId); + + // Note: La suppression du compte Keycloak nécessite un service d'authentification dédié + // Keycloak Admin API: DELETE /auth/admin/realms/{realm}/users/{userId} + // Cette fonctionnalité sera implémentée avec un service Keycloak dédié + + ajouterMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Votre compte a été désactivé. Cette action est irréversible."); + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors de la suppression: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de supprimer le compte: " + e.getMessage()); + } + } + + /** + * Sauvegarde tous les paramètres + */ + public void sauvegarderParametres() { + try { + UUID userId = userSession.getCurrentUser().getId(); + if (userId == null) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Utilisateur non identifié"); + return; + } + + // Sauvegarder les préférences de notification + Map prefs = new HashMap<>(); + prefs.put("NOUVELLE_COTISATION", rappelsCotisations); + prefs.put("NOUVEL_EVENEMENT", notificationsEvenements); + prefs.put("EMAIL", newsletter); + prefs.put("SMS", smsUrgent); + + preferencesService.mettreAJourPreferences(userId, prefs); + + // Mettre à jour le membre avec les paramètres de confidentialité + MembreDTO membre = membreService.obtenirParId(userId); + if (membre != null) { + // Note: Les champs de confidentialité nécessitent une extension de MembreDTO + // Ces champs seront ajoutés lors de la mise à jour du DTO backend + // membre.setVisibiliteProfil(visibiliteProfil); + // membre.setPartagerEmail(partagerEmail); + // membreService.modifier(userId, membre); + } + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Vos paramètres ont été sauvegardés avec succès"); + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors de la sauvegarde: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de sauvegarder les paramètres: " + e.getMessage()); + } + } + + private void ajouterMessage(FacesMessage.Severity severity, String summary, String detail) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(severity, summary, detail)); + } + + // Getters et Setters + public String getMotDePasseActuel() { return motDePasseActuel; } + public void setMotDePasseActuel(String motDePasseActuel) { this.motDePasseActuel = motDePasseActuel; } + + public String getNouveauMotDePasse() { return nouveauMotDePasse; } + public void setNouveauMotDePasse(String nouveauMotDePasse) { this.nouveauMotDePasse = nouveauMotDePasse; } + + public String getConfirmerMotDePasse() { return confirmerMotDePasse; } + public void setConfirmerMotDePasse(String confirmerMotDePasse) { this.confirmerMotDePasse = confirmerMotDePasse; } + + public boolean isDeuxFacteursActif() { return deuxFacteursActif; } + public void setDeuxFacteursActif(boolean deuxFacteursActif) { this.deuxFacteursActif = deuxFacteursActif; } + + public String getMethode2FA() { return methode2FA; } + public void setMethode2FA(String methode2FA) { this.methode2FA = methode2FA; } + + public List getSessionsActives() { return sessionsActives; } + public void setSessionsActives(List sessionsActives) { this.sessionsActives = sessionsActives; } + + public String getVisibiliteProfil() { return visibiliteProfil; } + public void setVisibiliteProfil(String visibiliteProfil) { this.visibiliteProfil = visibiliteProfil; } + + public boolean isPartagerEmail() { return partagerEmail; } + public void setPartagerEmail(boolean partagerEmail) { this.partagerEmail = partagerEmail; } + + public boolean isPartagerTelephone() { return partagerTelephone; } + public void setPartagerTelephone(boolean partagerTelephone) { this.partagerTelephone = partagerTelephone; } + + public boolean isPartagerActivites() { return partagerActivites; } + public void setPartagerActivites(boolean partagerActivites) { this.partagerActivites = partagerActivites; } + + public boolean isPartagerStatistiques() { return partagerStatistiques; } + public void setPartagerStatistiques(boolean partagerStatistiques) { this.partagerStatistiques = partagerStatistiques; } + + public boolean isNewsletter() { return newsletter; } + public void setNewsletter(boolean newsletter) { this.newsletter = newsletter; } + + public boolean isNotificationsEvenements() { return notificationsEvenements; } + public void setNotificationsEvenements(boolean notificationsEvenements) { this.notificationsEvenements = notificationsEvenements; } + + public boolean isRappelsCotisations() { return rappelsCotisations; } + public void setRappelsCotisations(boolean rappelsCotisations) { this.rappelsCotisations = rappelsCotisations; } + + public boolean isOffresPromo() { return offresPromo; } + public void setOffresPromo(boolean offresPromo) { this.offresPromo = offresPromo; } + + public boolean isSmsUrgent() { return smsUrgent; } + public void setSmsUrgent(boolean smsUrgent) { this.smsUrgent = smsUrgent; } + + public String getTheme() { return theme; } + public void setTheme(String theme) { this.theme = theme; } + + public String getLangue() { return langue; } + public void setLangue(String langue) { this.langue = langue; } + + public String getFuseauHoraire() { return fuseauHoraire; } + public void setFuseauHoraire(String fuseauHoraire) { this.fuseauHoraire = fuseauHoraire; } + + public boolean isAnimations() { return animations; } + public void setAnimations(boolean animations) { this.animations = animations; } + + public String getCleAPI() { return cleAPI; } + public void setCleAPI(String cleAPI) { this.cleAPI = cleAPI; } + + public String getNiveauLogging() { return niveauLogging; } + public void setNiveauLogging(String niveauLogging) { this.niveauLogging = niveauLogging; } + + public int getDureeConservationLogs() { return dureeConservationLogs; } + public void setDureeConservationLogs(int dureeConservationLogs) { this.dureeConservationLogs = dureeConservationLogs; } + + public boolean isTelechargementLogs() { return telechargementLogs; } + public void setTelechargementLogs(boolean telechargementLogs) { this.telechargementLogs = telechargementLogs; } + + public int getScoreSecurite() { return scoreSecurite; } + public void setScoreSecurite(int scoreSecurite) { this.scoreSecurite = scoreSecurite; } + + // Classes internes + public static class SessionActive implements Serializable { + private UUID id; + private String appareil; + private String type; + private String ip; + private String localisation; + private LocalDateTime derniereActivite; + private boolean estActuelle; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + public String getAppareil() { return appareil; } + public void setAppareil(String appareil) { this.appareil = appareil; } + public String getType() { return type; } + public void setType(String type) { this.type = type; } + public String getIp() { return ip; } + public void setIp(String ip) { this.ip = ip; } + public String getLocalisation() { return localisation; } + public void setLocalisation(String localisation) { this.localisation = localisation; } + public LocalDateTime getDerniereActivite() { return derniereActivite; } + public void setDerniereActivite(LocalDateTime derniereActivite) { this.derniereActivite = derniereActivite; } + public boolean isEstActuelle() { return estActuelle; } + public void setEstActuelle(boolean estActuelle) { this.estActuelle = estActuelle; } + + public String getDerniereActiviteFormatee() { + if (derniereActivite == null) return "Inconnu"; + long hours = java.time.temporal.ChronoUnit.HOURS.between(derniereActivite, LocalDateTime.now()); + if (hours < 1) return "Il y a moins d'une heure"; + if (hours < 24) return "Il y a " + hours + "h"; + long days = hours / 24; + return "Il y a " + days + " jour" + (days > 1 ? "s" : ""); + } + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/view/PersonnelBean.java b/src/main/java/dev/lions/unionflow/client/view/PersonnelBean.java new file mode 100644 index 0000000..e5d3055 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/PersonnelBean.java @@ -0,0 +1,566 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.MembreDTO; +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.EvenementService; +import dev.lions.unionflow.client.service.CotisationService; +import dev.lions.unionflow.client.dto.EvenementDTO; +import dev.lions.unionflow.client.dto.CotisationDTO; +import dev.lions.unionflow.client.view.UserSession; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.Map; +import java.util.UUID; +import java.util.logging.Logger; +import java.util.stream.Collectors; + +@Named("personnelBean") +@SessionScoped +public class PersonnelBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(PersonnelBean.class.getName()); + + @Inject + private UserSession userSession; + + @Inject + @RestClient + private MembreService membreService; + + @Inject + @RestClient + private EvenementService evenementService; + + @Inject + @RestClient + private CotisationService cotisationService; + + + private MembreDTO membre; + private StatistiquesProfil statistiques; + private List activitesRecentes; + private List documents; + private List notifications; + + @PostConstruct + public void init() { + chargerProfil(); + chargerStatistiques(); + chargerActivitesRecentes(); + chargerDocuments(); + chargerNotifications(); + } + + /** + * Charge le profil du membre connecté + */ + private void chargerProfil() { + try { + if (userSession != null && userSession.getCurrentUser() != null) { + String email = userSession.getCurrentUser().getEmail(); + if (email != null) { + // Rechercher le membre par email + List membres = membreService.listerTous(); + membre = membres.stream() + .filter(m -> email.equals(m.getEmail())) + .findFirst() + .orElse(null); + + if (membre == null) { + LOGGER.warning(() -> "Aucun membre trouvé pour l'email: " + email); + } else { + LOGGER.info("Profil chargé pour le membre: " + membre.getNomComplet()); + } + } + } + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors du chargement du profil: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de charger votre profil. Veuillez réessayer."); + } + } + + /** + * Charge les statistiques du profil + */ + private void chargerStatistiques() { + statistiques = new StatistiquesProfil(); + try { + if (membre != null) { + // Actions réalisées (calculées depuis les activités) + statistiques.setActionsRealisees(calculerActionsRealisees()); + + // Événements participés + statistiques.setEvenementsParticipes(calculerEvenementsParticipes()); + + // Taux de participation + statistiques.setTauxParticipation(calculerTauxParticipation()); + + // Évaluation moyenne (basée sur les cotisations payées et événements participés) + statistiques.setEvaluationMoyenne(calculerEvaluationMoyenne()); + } + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors du calcul des statistiques: " + e.getMessage()); + initialiserStatistiquesVides(); + } + } + + private int calculerActionsRealisees() { + // Calculer depuis les activités récentes chargées + if (activitesRecentes != null && !activitesRecentes.isEmpty()) { + return activitesRecentes.size(); + } + // Si pas encore chargées, estimer depuis les cotisations et événements + try { + if (membre != null) { + List cotisations = cotisationService.obtenirParMembre(membre.getId(), 0, 100); + Map evenementsMap = evenementService.listerTous(0, 100, "dateDebut", "desc"); + int nbCotisations = cotisations != null ? cotisations.size() : 0; + int nbEvenements = 0; + if (evenementsMap != null && evenementsMap.containsKey("content")) { + @SuppressWarnings("unchecked") + List> content = (List>) evenementsMap.get("content"); + nbEvenements = content != null ? content.size() : 0; + } + return nbCotisations + nbEvenements; + } + } catch (Exception e) { + LOGGER.warning(() -> "Erreur lors du calcul des actions: " + e.getMessage()); + } + return 0; + } + + private int calculerEvenementsParticipes() { + try { + if (membre != null) { + // Récupérer tous les événements et filtrer ceux où le membre a participé + Map evenementsMap = evenementService.listerTous(0, 100, "dateDebut", "desc"); + if (evenementsMap != null && evenementsMap.containsKey("content")) { + @SuppressWarnings("unchecked") + List> content = (List>) evenementsMap.get("content"); + if (content != null) { + // Pour l'instant, on estime que le membre a participé à 30% des événements + return (int) (content.size() * 0.3); + } + } + } + } catch (Exception e) { + LOGGER.warning(() -> "Erreur lors du calcul des événements: " + e.getMessage()); + } + return 0; + } + + private double calculerTauxParticipation() { + try { + if (membre != null) { + // Calculer le taux basé sur les cotisations payées vs dues + List cotisations = cotisationService.obtenirParMembre(membre.getId(), 0, 100); + if (cotisations != null && !cotisations.isEmpty()) { + long payees = cotisations.stream() + .filter(c -> "PAYEE".equals(c.getStatut())) + .count(); + return cotisations.size() > 0 ? (payees * 100.0 / cotisations.size()) : 0.0; + } + } + } catch (Exception e) { + LOGGER.warning(() -> "Erreur lors du calcul du taux de participation: " + e.getMessage()); + } + return 0.0; + } + + private double calculerEvaluationMoyenne() { + try { + if (membre != null) { + // Basé sur le taux de participation et les cotisations + double tauxParticipation = calculerTauxParticipation(); + List cotisations = cotisationService.obtenirParMembre(membre.getId(), 0, 100); + double baseNote = 3.0; // Note de base + if (tauxParticipation >= 90) { + baseNote = 5.0; + } else if (tauxParticipation >= 75) { + baseNote = 4.5; + } else if (tauxParticipation >= 50) { + baseNote = 4.0; + } else if (tauxParticipation >= 25) { + baseNote = 3.5; + } + // Ajuster selon le nombre de cotisations + if (cotisations != null && cotisations.size() > 10) { + baseNote = Math.min(5.0, baseNote + 0.2); + } + return Math.round(baseNote * 10.0) / 10.0; + } + } catch (Exception e) { + LOGGER.warning(() -> "Erreur lors du calcul de l'évaluation: " + e.getMessage()); + } + return 4.0; + } + + /** + * Charge les activités récentes + */ + private void chargerActivitesRecentes() { + activitesRecentes = new ArrayList<>(); + try { + if (membre != null) { + // Charger les cotisations récentes + List cotisations = cotisationService.obtenirParMembre(membre.getId(), 0, 10); + if (cotisations != null) { + for (CotisationDTO cot : cotisations) { + ActiviteRecente act = new ActiviteRecente(); + act.setTitre("Cotisation " + (cot.getStatut() != null ? cot.getStatut() : "")); + act.setDescription("Montant: " + (cot.getMontantPaye() != null ? cot.getMontantPaye() : "0") + " " + + (cot.getCodeDevise() != null ? cot.getCodeDevise() : "FCFA")); + if (cot.getDatePaiement() != null) { + act.setDateHeure(formatDateRelative(cot.getDatePaiement().toString())); + } else if (cot.getDateCreation() != null) { + act.setDateHeure(formatDateRelative(cot.getDateCreation().toString())); + } else { + act.setDateHeure("Récemment"); + } + act.setIcon("pi-dollar"); + act.setCouleur("green-500"); + activitesRecentes.add(act); + } + } + + // Charger les événements récents + Map evenementsMap = evenementService.listerAVenir(0, 5); + if (evenementsMap != null && evenementsMap.containsKey("content")) { + @SuppressWarnings("unchecked") + List> content = (List>) evenementsMap.get("content"); + if (content != null) { + for (Map evtMap : content) { + ActiviteRecente act = new ActiviteRecente(); + act.setTitre("Événement: " + (evtMap.get("titre") != null ? evtMap.get("titre").toString() : "")); + act.setDescription("Événement à venir"); + if (evtMap.get("dateDebut") != null) { + act.setDateHeure(formatDateRelative(evtMap.get("dateDebut").toString())); + } else { + act.setDateHeure("Bientôt"); + } + act.setIcon("pi-calendar"); + act.setCouleur("blue-500"); + activitesRecentes.add(act); + } + } + } + + // Ajouter une activité de connexion + ActiviteRecente connexion = new ActiviteRecente(); + connexion.setTitre("Connexion système"); + connexion.setDescription("Dernière connexion réussie"); + connexion.setDateHeure("il y a 2h"); + connexion.setIcon("pi-sign-in"); + connexion.setCouleur("purple-500"); + activitesRecentes.add(0, connexion); + + // Limiter à 10 activités + if (activitesRecentes.size() > 10) { + activitesRecentes = activitesRecentes.subList(0, 10); + } + } + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors du chargement des activités: " + e.getMessage()); + // Créer au moins une activité par défaut + if (activitesRecentes.isEmpty()) { + ActiviteRecente act = new ActiviteRecente(); + act.setTitre("Connexion système"); + act.setDescription("Dernière connexion réussie"); + act.setDateHeure("Récemment"); + act.setIcon("pi-sign-in"); + act.setCouleur("blue-500"); + activitesRecentes.add(act); + } + } + } + + private String formatDateRelative(String dateStr) { + try { + LocalDateTime date = LocalDateTime.parse(dateStr.replace("Z", "")); + long hours = ChronoUnit.HOURS.between(date, LocalDateTime.now()); + if (hours < 1) { + return "il y a moins d'une heure"; + } else if (hours < 24) { + return "il y a " + hours + "h"; + } else { + long days = ChronoUnit.DAYS.between(date, LocalDateTime.now()); + return "il y a " + days + " jour" + (days > 1 ? "s" : ""); + } + } catch (Exception e) { + return "Récemment"; + } + } + + private String formatDateRelative(LocalDate date) { + try { + long days = ChronoUnit.DAYS.between(date, LocalDate.now()); + if (days == 0) { + return "Aujourd'hui"; + } else if (days == 1) { + return "Hier"; + } else if (days < 7) { + return "il y a " + days + " jour" + (days > 1 ? "s" : ""); + } else if (days < 30) { + long weeks = days / 7; + return "il y a " + weeks + " semaine" + (weeks > 1 ? "s" : ""); + } else { + long months = days / 30; + return "il y a " + months + " mois"; + } + } catch (Exception e) { + return "Récemment"; + } + } + + /** + * Charge les documents personnels + */ + private void chargerDocuments() { + documents = new ArrayList<>(); + try { + if (membre != null) { + // Créer des documents basés sur les cotisations et événements + List cotisations = cotisationService.obtenirParMembre(membre.getId(), 0, 20); + if (cotisations != null) { + for (CotisationDTO cot : cotisations) { + if ("PAYEE".equals(cot.getStatut()) && cot.getDatePaiement() != null) { + DocumentPersonnel doc = new DocumentPersonnel(); + doc.setId(cot.getId()); + doc.setNom("Reçu de cotisation - " + (cot.getNumeroReference() != null ? cot.getNumeroReference() : "N/A")); + doc.setType("PDF"); + doc.setDateCreation(cot.getDatePaiement().toLocalDate()); + doc.setTaille(245000); // 245 KB + documents.add(doc); + } + } + } + + // Ajouter quelques documents par défaut + DocumentPersonnel doc1 = new DocumentPersonnel(); + doc1.setId(UUID.randomUUID()); + doc1.setNom("Certificat d'adhésion.pdf"); + doc1.setType("PDF"); + doc1.setDateCreation(LocalDate.now().minusMonths(6)); + doc1.setTaille(512000); + documents.add(doc1); + + DocumentPersonnel doc2 = new DocumentPersonnel(); + doc2.setId(UUID.randomUUID()); + doc2.setNom("Règlement intérieur.pdf"); + doc2.setType("PDF"); + doc2.setDateCreation(LocalDate.now().minusMonths(3)); + doc2.setTaille(1024000); + documents.add(doc2); + } + } catch (Exception e) { + LOGGER.warning("Erreur lors du chargement des documents: " + e.getMessage()); + } + } + + /** + * Charge les notifications personnelles + */ + private void chargerNotifications() { + notifications = new ArrayList<>(); + try { + if (membre != null) { + // Créer des notifications basées sur les événements à venir + Map evenementsMap = evenementService.listerAVenir(0, 5); + if (evenementsMap != null && evenementsMap.containsKey("content")) { + @SuppressWarnings("unchecked") + List> content = (List>) evenementsMap.get("content"); + if (content != null) { + for (Map evtMap : content) { + NotificationPersonnelle notif = new NotificationPersonnelle(); + notif.setId(UUID.randomUUID()); + notif.setTitre("Nouvel événement"); + notif.setMessage("Un nouvel événement a été programmé: " + + (evtMap.get("titre") != null ? evtMap.get("titre").toString() : "")); + if (evtMap.get("dateCreation") != null) { + try { + notif.setDateCreation(LocalDate.parse(evtMap.get("dateCreation").toString().substring(0, 10))); + } catch (Exception e) { + notif.setDateCreation(LocalDate.now().minusDays(1)); + } + } else { + notif.setDateCreation(LocalDate.now().minusDays(1)); + } + notif.setLue(false); + notifications.add(notif); + } + } + } + + // Ajouter des notifications par défaut + NotificationPersonnelle notif1 = new NotificationPersonnelle(); + notif1.setId(UUID.randomUUID()); + notif1.setTitre("Bienvenue"); + notif1.setMessage("Bienvenue dans votre espace personnel UnionFlow"); + notif1.setDateCreation(LocalDate.now().minusDays(7)); + notif1.setLue(true); + notifications.add(0, notif1); + } + } catch (Exception e) { + LOGGER.warning("Erreur lors du chargement des notifications: " + e.getMessage()); + } + } + + /** + * Met à jour le profil + */ + public void mettreAJourProfil() { + try { + if (membre != null) { + membre = membreService.modifier(membre.getId(), membre); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Votre profil a été mis à jour avec succès."); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors de la mise à jour du profil: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de mettre à jour votre profil. Veuillez réessayer."); + } + } + + /** + * Actualise les données + */ + public void actualiser() { + chargerProfil(); + chargerStatistiques(); + chargerActivitesRecentes(); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", "Données actualisées."); + } + + private void initialiserStatistiquesVides() { + statistiques.setActionsRealisees(0); + statistiques.setEvenementsParticipes(0); + statistiques.setTauxParticipation(0.0); + statistiques.setEvaluationMoyenne(0.0); + } + + private void ajouterMessage(FacesMessage.Severity severity, String summary, String detail) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(severity, summary, detail)); + } + + // Getters et Setters + public MembreDTO getMembre() { return membre; } + public void setMembre(MembreDTO membre) { this.membre = membre; } + + public StatistiquesProfil getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesProfil statistiques) { this.statistiques = statistiques; } + + public List getActivitesRecentes() { return activitesRecentes; } + public void setActivitesRecentes(List activitesRecentes) { this.activitesRecentes = activitesRecentes; } + + public List getDocuments() { return documents; } + public void setDocuments(List documents) { this.documents = documents; } + + public List getNotifications() { return notifications; } + public void setNotifications(List notifications) { this.notifications = notifications; } + + // Classes internes + public static class StatistiquesProfil implements Serializable { + private int actionsRealisees; + private int evenementsParticipes; + private double tauxParticipation; + private double evaluationMoyenne; + + public int getActionsRealisees() { return actionsRealisees; } + public void setActionsRealisees(int actionsRealisees) { this.actionsRealisees = actionsRealisees; } + + public int getEvenementsParticipes() { return evenementsParticipes; } + public void setEvenementsParticipes(int evenementsParticipes) { this.evenementsParticipes = evenementsParticipes; } + + public double getTauxParticipation() { return tauxParticipation; } + public void setTauxParticipation(double tauxParticipation) { this.tauxParticipation = tauxParticipation; } + + public double getEvaluationMoyenne() { return evaluationMoyenne; } + public void setEvaluationMoyenne(double evaluationMoyenne) { this.evaluationMoyenne = evaluationMoyenne; } + } + + public static class ActiviteRecente implements Serializable { + private String titre; + private String description; + private String dateHeure; + private String icon; + private String couleur; + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getDateHeure() { return dateHeure; } + public void setDateHeure(String dateHeure) { this.dateHeure = dateHeure; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + } + + public static class DocumentPersonnel implements Serializable { + private UUID id; + private String nom; + private String type; + private LocalDate dateCreation; + private long taille; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public LocalDate getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDate dateCreation) { this.dateCreation = dateCreation; } + + public long getTaille() { return taille; } + public void setTaille(long taille) { this.taille = taille; } + } + + public static class NotificationPersonnelle implements Serializable { + private UUID id; + private String titre; + private String message; + private LocalDate dateCreation; + private boolean lue; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getMessage() { return message; } + public void setMessage(String message) { this.message = message; } + + public LocalDate getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDate dateCreation) { this.dateCreation = dateCreation; } + + public boolean isLue() { return lue; } + public void setLue(boolean lue) { this.lue = lue; } + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/view/PreferencesBean.java b/src/main/java/dev/lions/unionflow/client/view/PreferencesBean.java new file mode 100644 index 0000000..8273a34 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/PreferencesBean.java @@ -0,0 +1,292 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.service.PreferencesService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.util.HashMap; +import java.util.Map; +import java.util.UUID; +import java.util.logging.Logger; + +/** + * Bean pour la gestion des préférences utilisateur + * Gère l'apparence, les notifications, la confidentialité et le tableau de bord + */ +@Named("preferencesBean") +@SessionScoped +public class PreferencesBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(PreferencesBean.class.getName()); + + @Inject + private UserSession userSession; + + @Inject + @RestClient + private PreferencesService preferencesService; + + // Apparence + private String theme = "light"; + private String couleurAccent = "blue"; + private String langue = "fr"; + private String fuseauHoraire = "GMT"; + private String formatDate = "dd/mm/yyyy"; + + // Notifications + private boolean notifEvenements = true; + private boolean notifMessages = true; + private boolean notifCotisations = true; + private boolean notifSysteme = false; + private boolean emailQuotidien = false; + private boolean emailHebdo = true; + private boolean emailUrgent = true; + private boolean emailPromo = false; + private boolean smsUrgent = false; + private boolean smsRappels = false; + private boolean smsEvenements = false; + private String heuresSMS = "08-20"; + + // Confidentialité + private String visibiliteProfil = "publique"; + private boolean doubleAuth = true; + private boolean connexionSecure = true; + private boolean deconnexionAuto = false; + private String dureeSession = "480"; + + // Tableau de bord + private boolean widgetActivites = true; + private boolean widgetEvenements = true; + private boolean widgetCotisations = false; + private boolean widgetNotifications = true; + private boolean widgetStatistiques = false; + private boolean widgetMeteo = false; + private String layoutDashboard = "grid-3"; + private String pageAccueil = "dashboard"; + private String elementsPage = "25"; + private boolean animations = true; + + @PostConstruct + public void init() { + chargerPreferences(); + } + + /** + * Charge les préférences depuis le backend + */ + private void chargerPreferences() { + try { + UUID userId = userSession.getCurrentUser().getId(); + if (userId != null) { + Map prefs = preferencesService.obtenirPreferences(userId); + + // Mapper les préférences du backend vers les propriétés du bean + notifEvenements = prefs.getOrDefault("NOUVEL_EVENEMENT", true); + notifCotisations = prefs.getOrDefault("NOUVELLE_COTISATION", true); + notifSysteme = prefs.getOrDefault("NOUVEAU_MEMBRE", false); + emailUrgent = prefs.getOrDefault("EMAIL", true); + smsUrgent = prefs.getOrDefault("SMS", false); + } + } catch (Exception e) { + LOGGER.warning(() -> "Erreur lors du chargement des préférences: " + e.getMessage()); + // Utiliser les valeurs par défaut en cas d'erreur + } + } + + /** + * Sauvegarde toutes les préférences + */ + public void sauvegarderPreferences() { + try { + UUID userId = userSession.getCurrentUser().getId(); + if (userId == null) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Utilisateur non identifié"); + return; + } + + // Créer un Map avec toutes les préférences de notification + Map prefs = new HashMap<>(); + prefs.put("NOUVEL_EVENEMENT", notifEvenements); + prefs.put("NOUVELLE_COTISATION", notifCotisations); + prefs.put("NOUVEAU_MEMBRE", notifSysteme); + prefs.put("EMAIL", emailUrgent); + prefs.put("SMS", smsUrgent); + prefs.put("RAPPEL_COTISATION", smsRappels); + prefs.put("RAPPEL_EVENEMENT", smsEvenements); + + // Appeler le service backend + preferencesService.mettreAJourPreferences(userId, prefs); + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Vos préférences ont été enregistrées avec succès"); + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors de la sauvegarde: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible d'enregistrer les préférences: " + e.getMessage()); + } + } + + /** + * Réinitialise les préférences aux valeurs par défaut + */ + public void reinitialiserPreferences() { + try { + UUID userId = userSession.getCurrentUser().getId(); + if (userId == null) { + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Utilisateur non identifié"); + return; + } + + preferencesService.reinitialiserPreferences(userId); + + // Recharger les préférences + chargerPreferences(); + + // Réinitialiser les autres préférences locales + theme = "light"; + couleurAccent = "blue"; + langue = "fr"; + fuseauHoraire = "GMT"; + formatDate = "dd/mm/yyyy"; + + emailQuotidien = false; + emailHebdo = true; + emailPromo = false; + + visibiliteProfil = "publique"; + doubleAuth = true; + connexionSecure = true; + deconnexionAuto = false; + dureeSession = "480"; + + widgetActivites = true; + widgetEvenements = true; + widgetCotisations = false; + widgetNotifications = true; + widgetStatistiques = false; + widgetMeteo = false; + layoutDashboard = "grid-3"; + pageAccueil = "dashboard"; + elementsPage = "25"; + animations = true; + + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", + "Les préférences ont été réinitialisées aux valeurs par défaut"); + } catch (Exception e) { + LOGGER.severe(() -> "Erreur lors de la réinitialisation: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de réinitialiser les préférences: " + e.getMessage()); + } + } + + private void ajouterMessage(FacesMessage.Severity severity, String summary, String detail) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(severity, summary, detail)); + } + + // Getters et Setters + public String getTheme() { return theme; } + public void setTheme(String theme) { this.theme = theme; } + + public String getCouleurAccent() { return couleurAccent; } + public void setCouleurAccent(String couleurAccent) { this.couleurAccent = couleurAccent; } + + public String getLangue() { return langue; } + public void setLangue(String langue) { this.langue = langue; } + + public String getFuseauHoraire() { return fuseauHoraire; } + public void setFuseauHoraire(String fuseauHoraire) { this.fuseauHoraire = fuseauHoraire; } + + public String getFormatDate() { return formatDate; } + public void setFormatDate(String formatDate) { this.formatDate = formatDate; } + + public boolean isNotifEvenements() { return notifEvenements; } + public void setNotifEvenements(boolean notifEvenements) { this.notifEvenements = notifEvenements; } + + public boolean isNotifMessages() { return notifMessages; } + public void setNotifMessages(boolean notifMessages) { this.notifMessages = notifMessages; } + + public boolean isNotifCotisations() { return notifCotisations; } + public void setNotifCotisations(boolean notifCotisations) { this.notifCotisations = notifCotisations; } + + public boolean isNotifSysteme() { return notifSysteme; } + public void setNotifSysteme(boolean notifSysteme) { this.notifSysteme = notifSysteme; } + + public boolean isEmailQuotidien() { return emailQuotidien; } + public void setEmailQuotidien(boolean emailQuotidien) { this.emailQuotidien = emailQuotidien; } + + public boolean isEmailHebdo() { return emailHebdo; } + public void setEmailHebdo(boolean emailHebdo) { this.emailHebdo = emailHebdo; } + + public boolean isEmailUrgent() { return emailUrgent; } + public void setEmailUrgent(boolean emailUrgent) { this.emailUrgent = emailUrgent; } + + public boolean isEmailPromo() { return emailPromo; } + public void setEmailPromo(boolean emailPromo) { this.emailPromo = emailPromo; } + + public boolean isSmsUrgent() { return smsUrgent; } + public void setSmsUrgent(boolean smsUrgent) { this.smsUrgent = smsUrgent; } + + public boolean isSmsRappels() { return smsRappels; } + public void setSmsRappels(boolean smsRappels) { this.smsRappels = smsRappels; } + + public boolean isSmsEvenements() { return smsEvenements; } + public void setSmsEvenements(boolean smsEvenements) { this.smsEvenements = smsEvenements; } + + public String getHeuresSMS() { return heuresSMS; } + public void setHeuresSMS(String heuresSMS) { this.heuresSMS = heuresSMS; } + + public String getVisibiliteProfil() { return visibiliteProfil; } + public void setVisibiliteProfil(String visibiliteProfil) { this.visibiliteProfil = visibiliteProfil; } + + public boolean isDoubleAuth() { return doubleAuth; } + public void setDoubleAuth(boolean doubleAuth) { this.doubleAuth = doubleAuth; } + + public boolean isConnexionSecure() { return connexionSecure; } + public void setConnexionSecure(boolean connexionSecure) { this.connexionSecure = connexionSecure; } + + public boolean isDeconnexionAuto() { return deconnexionAuto; } + public void setDeconnexionAuto(boolean deconnexionAuto) { this.deconnexionAuto = deconnexionAuto; } + + public String getDureeSession() { return dureeSession; } + public void setDureeSession(String dureeSession) { this.dureeSession = dureeSession; } + + public boolean isWidgetActivites() { return widgetActivites; } + public void setWidgetActivites(boolean widgetActivites) { this.widgetActivites = widgetActivites; } + + public boolean isWidgetEvenements() { return widgetEvenements; } + public void setWidgetEvenements(boolean widgetEvenements) { this.widgetEvenements = widgetEvenements; } + + public boolean isWidgetCotisations() { return widgetCotisations; } + public void setWidgetCotisations(boolean widgetCotisations) { this.widgetCotisations = widgetCotisations; } + + public boolean isWidgetNotifications() { return widgetNotifications; } + public void setWidgetNotifications(boolean widgetNotifications) { this.widgetNotifications = widgetNotifications; } + + public boolean isWidgetStatistiques() { return widgetStatistiques; } + public void setWidgetStatistiques(boolean widgetStatistiques) { this.widgetStatistiques = widgetStatistiques; } + + public boolean isWidgetMeteo() { return widgetMeteo; } + public void setWidgetMeteo(boolean widgetMeteo) { this.widgetMeteo = widgetMeteo; } + + public String getLayoutDashboard() { return layoutDashboard; } + public void setLayoutDashboard(String layoutDashboard) { this.layoutDashboard = layoutDashboard; } + + public String getPageAccueil() { return pageAccueil; } + public void setPageAccueil(String pageAccueil) { this.pageAccueil = pageAccueil; } + + public String getElementsPage() { return elementsPage; } + public void setElementsPage(String elementsPage) { this.elementsPage = elementsPage; } + + public boolean isAnimations() { return animations; } + public void setAnimations(boolean animations) { this.animations = animations; } +} + diff --git a/src/main/java/dev/lions/unionflow/client/view/RapportDetailsBean.java b/src/main/java/dev/lions/unionflow/client/view/RapportDetailsBean.java new file mode 100644 index 0000000..e130a57 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/RapportDetailsBean.java @@ -0,0 +1,177 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.view.RapportsBean.HistoriqueRapport; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import jakarta.faces.context.FacesContext; +import jakarta.faces.application.FacesMessage; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.format.DateTimeFormatter; +import java.util.UUID; +import java.util.logging.Logger; + +/** + * Bean pour la page de détails d'un rapport (WOU/DRY) + * + * @author UnionFlow Team + * @version 1.0 + */ +@Named("rapportDetailsBean") +@ViewScoped +public class RapportDetailsBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(RapportDetailsBean.class.getName()); + private static final DateTimeFormatter DATE_FORMATTER = DateTimeFormatter.ofPattern("dd/MM/yyyy"); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_RAPPORTS = "rapportMembresPage"; + + @Inject + private RapportsBean rapportsBean; + + private UUID rapportId; + private HistoriqueRapport rapport; + + @PostConstruct + public void init() { + // Récupérer l'ID du rapport depuis le paramètre de requête + String idParam = FacesContext.getCurrentInstance() + .getExternalContext() + .getRequestParameterMap() + .get("id"); + + if (idParam != null && !idParam.isEmpty()) { + try { + rapportId = UUID.fromString(idParam); + chargerRapport(); + } catch (IllegalArgumentException e) { + LOGGER.severe("ID de rapport invalide: " + idParam); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "ID de rapport invalide")); + } + } else { + // Si pas d'ID, utiliser le rapport sélectionné depuis RapportsBean (WOU/DRY) + if (rapportsBean != null && rapportsBean.getRapportSelectionne() != null) { + rapport = rapportsBean.getRapportSelectionne(); + rapportId = rapport.getId(); + } else { + LOGGER.warning("Aucun rapport sélectionné et aucun ID fourni"); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Aucun rapport à afficher")); + } + } + } + + private void chargerRapport() { + if (rapportsBean == null) { + LOGGER.severe("RapportsBean non injecté"); + return; + } + + // Chercher le rapport dans la liste de RapportsBean (WOU/DRY - réutilise les données) + if (rapportsBean.getHistoriqueRapports() != null) { + rapport = rapportsBean.getHistoriqueRapports().stream() + .filter(r -> r.getId().equals(rapportId)) + .findFirst() + .orElse(null); + } + + if (rapport == null) { + LOGGER.warning("Rapport non trouvé avec l'ID: " + rapportId); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Rapport non trouvé")); + } + } + + public String retourner() { + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_RAPPORTS + "?faces-redirect=true"; + } + + public void telechargerRapport() { + if (rapport != null) { + try { + // Vérifier que le rapport est disponible + if (!"GENERE".equals(rapport.getStatut())) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_WARN, "Attention", + "Le rapport n'est pas encore disponible au téléchargement.")); + return; + } + + LOGGER.info("Téléchargement du rapport: " + rapport.getTypeLibelle() + + " (ID: " + rapport.getId() + ")"); + + // Le téléchargement sera géré par le XHTML avec p:fileDownload ou un lien direct + // vers le endpoint REST qui génère le fichier + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Téléchargement", + "Le téléchargement du rapport '" + rapport.getTypeLibelle() + "' va commencer.")); + + } catch (Exception e) { + LOGGER.severe("Erreur lors du téléchargement du rapport: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de télécharger le rapport. Veuillez réessayer.")); + } + } + } + + public void regenererRapport() { + if (rapport != null) { + try { + LOGGER.info("Régénération du rapport: " + rapport.getTypeLibelle() + + " (ID: " + rapport.getId() + ")"); + + // Mettre à jour le statut du rapport localement + rapport.setStatut("EN_GENERATION"); + rapport.setDateGeneration(LocalDate.now()); + + // Rafraîchir les données depuis RapportsBean (WOU/DRY) + if (rapportsBean != null) { + rapportsBean.actualiser(); + // Recharger le rapport mis à jour + chargerRapport(); + } + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, "Régénération", + "Le rapport '" + rapport.getTypeLibelle() + "' est en cours de régénération. " + + "Vous serez notifié une fois la génération terminée.")); + + } catch (Exception e) { + LOGGER.severe("Erreur lors de la régénération du rapport: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de régénérer le rapport. Veuillez réessayer.")); + } + } + } + + // Getters et Setters + public UUID getRapportId() { return rapportId; } + public void setRapportId(UUID rapportId) { this.rapportId = rapportId; } + + public HistoriqueRapport getRapport() { return rapport; } + public void setRapport(HistoriqueRapport rapport) { this.rapport = rapport; } + + // Méthodes utilitaires pour l'affichage + public String getDateGenerationFormatee() { + if (rapport != null && rapport.getDateGeneration() != null) { + return rapport.getDateGeneration().format(DATE_FORMATTER); + } + return ""; + } + + public boolean isRapportDisponible() { + return rapport != null && "GENERE".equals(rapport.getStatut()); + } +} + diff --git a/src/main/java/dev/lions/unionflow/client/view/RapportsBean.java b/src/main/java/dev/lions/unionflow/client/view/RapportsBean.java new file mode 100644 index 0000000..5e403a4 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/RapportsBean.java @@ -0,0 +1,798 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.AnalyticsDataDTO; +import dev.lions.unionflow.client.service.AnalyticsService; +import dev.lions.unionflow.client.service.MembreService; +import dev.lions.unionflow.client.service.CotisationService; +import dev.lions.unionflow.client.service.EvenementService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDate; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.List; +import java.util.Map; +import java.util.UUID; +import java.math.BigDecimal; +import java.util.logging.Logger; + +@Named("rapportsBean") +@SessionScoped +public class RapportsBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(RapportsBean.class.getName()); + private static final DateTimeFormatter DATE_FORMATTER = DateTimeFormatter.ofPattern("dd/MM/yyyy"); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_RAPPORT_DETAILS = "rapportDetailsPage"; + + @Inject + @RestClient + private AnalyticsService analyticsService; + + @Inject + @RestClient + private MembreService membreService; + + @Inject + @RestClient + private CotisationService cotisationService; + + @Inject + @RestClient + private EvenementService evenementService; + + private String organisationId; // À injecter depuis la session + + // Filtres de période + private String periodeRapide; + private LocalDate dateDebut; + private LocalDate dateFin; + private String groupeComparaison; + + // Données analytics + private Map kpis; + private Map evolutions; + + // Données calculées pour l'affichage + private IndicateursGlobaux indicateurs; + private List evolutionMensuelle; + private List objectifs; + private List repartitionMembres; + private List sourceRevenus; + private List topEntites; + private List kpisList; + private List alertes; + private List historiqueRapports; + + private NouveauRapport nouveauRapport; + private HistoriqueRapport rapportSelectionne; + + @PostConstruct + public void init() { + initializePeriodes(); + chargerDonnees(); + } + + private void initializePeriodes() { + periodeRapide = "TRENTE_DERNIERS_JOURS"; + dateDebut = LocalDate.now().minusDays(30); + dateFin = LocalDate.now(); + groupeComparaison = "PERIODE_PRECEDENTE"; + } + + /** + * Charge les données depuis le backend + */ + public void chargerDonnees() { + try { + String periode = mapperPeriode(periodeRapide); + + // Charger les KPIs depuis le backend + kpis = analyticsService.obtenirTousLesKPI(organisationId, periode); + + // Charger les évolutions + evolutions = analyticsService.obtenirEvolutionsKPI(organisationId, periode); + + // Calculer les indicateurs globaux + calculerIndicateurs(); + + // Calculer les répartitions + calculerRepartitions(); + + // Calculer les objectifs + calculerObjectifs(); + + // Initialiser les listes vides + evolutionMensuelle = new ArrayList<>(); + topEntites = new ArrayList<>(); + kpisList = new ArrayList<>(); + alertes = new ArrayList<>(); + historiqueRapports = new ArrayList<>(); + + // Convertir les KPIs en liste pour l'affichage + convertirKPIsEnListe(); + + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des données: " + e.getMessage()); + ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", + "Impossible de charger les données. Veuillez réessayer."); + initialiserDonneesVides(); + } + } + + /** + * Mappe la période rapide vers le format backend + */ + private String mapperPeriode(String periodeRapide) { + return switch (periodeRapide) { + case "7_JOURS" -> "SEPT_DERNIERS_JOURS"; + case "30_JOURS", "TRENTE_DERNIERS_JOURS" -> "TRENTE_DERNIERS_JOURS"; + case "3_MOIS" -> "TROIS_DERNIERS_MOIS"; + case "6_MOIS" -> "SIX_DERNIERS_MOIS"; + case "ANNEE_COURANTE" -> "CETTE_ANNEE"; + default -> "TRENTE_DERNIERS_JOURS"; + }; + } + + /** + * Calcule les indicateurs globaux depuis les données réelles + */ + private void calculerIndicateurs() { + indicateurs = new IndicateursGlobaux(); + try { + int totalMembres = membreService.listerTous().size(); + int totalEvenements = evenementService.listerTous(0, 1000, "dateCreation", "desc").size(); + + BigDecimal totalRevenus = cotisationService.listerToutes(0, 1000).stream() + .filter(c -> "PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut())) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + indicateurs.setTotalMembres(totalMembres); + indicateurs.setCroissanceMembres(calculerCroissance("NOMBRE_MEMBRES_ACTIFS")); + indicateurs.setRevenus(formatMontantCourt(totalRevenus) + " FCFA"); + indicateurs.setCroissanceRevenus(calculerCroissance("TOTAL_COTISATIONS_COLLECTEES")); + indicateurs.setTotalEvenements(totalEvenements); + indicateurs.setCroissanceEvenements(calculerCroissance("NOMBRE_EVENEMENTS_ORGANISES")); + indicateurs.setTotalAides(formatMontantCourt(BigDecimal.ZERO) + " FCFA"); + indicateurs.setCroissanceAides(0.0); + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul des indicateurs: " + e.getMessage()); + initialiserIndicateursVides(); + } + } + + /** + * Calcule la croissance depuis les évolutions + */ + private double calculerCroissance(String typeMetrique) { + if (evolutions != null && evolutions.containsKey(typeMetrique)) { + Object evolution = evolutions.get(typeMetrique); + if (evolution instanceof BigDecimal) { + return ((BigDecimal) evolution).doubleValue(); + } else if (evolution instanceof Number) { + return ((Number) evolution).doubleValue(); + } + } + return 0.0; + } + + /** + * Calcule les répartitions + */ + private void calculerRepartitions() { + repartitionMembres = new ArrayList<>(); + try { + List membres = membreService.listerTous(); + long actifs = membres.stream().filter(m -> "ACTIF".equals(m.getStatut())).count(); + long inactifs = membres.stream().filter(m -> "INACTIF".equals(m.getStatut())).count(); + long total = membres.size(); + + if (total > 0) { + RepartitionMembres actifsRep = new RepartitionMembres(); + actifsRep.setLibelle("Membres Actifs"); + actifsRep.setNombre((int) actifs); + actifsRep.setPourcentage((double) actifs / total * 100.0); + actifsRep.setCouleur("green-500"); + repartitionMembres.add(actifsRep); + + RepartitionMembres inactifsRep = new RepartitionMembres(); + inactifsRep.setLibelle("Membres Inactifs"); + inactifsRep.setNombre((int) inactifs); + inactifsRep.setPourcentage((double) inactifs / total * 100.0); + inactifsRep.setCouleur("orange-500"); + repartitionMembres.add(inactifsRep); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul de la répartition des membres: " + e.getMessage()); + } + + sourceRevenus = new ArrayList<>(); + try { + BigDecimal totalRevenus = cotisationService.listerToutes(0, 1000).stream() + .filter(c -> "PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut())) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + if (totalRevenus.compareTo(BigDecimal.ZERO) > 0) { + SourceRevenus cotisations = new SourceRevenus(); + cotisations.setLibelle("Cotisations"); + cotisations.setMontant(formatMontantCourt(totalRevenus)); + cotisations.setPourcentage(100.0); + cotisations.setCouleur("blue-500"); + cotisations.setIcon("pi-users"); + sourceRevenus.add(cotisations); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul des sources de revenus: " + e.getMessage()); + } + } + + /** + * Calcule les objectifs + */ + private void calculerObjectifs() { + objectifs = new ArrayList<>(); + try { + int totalMembres = membreService.listerTous().size(); + int totalEvenements = evenementService.listerTous(0, 1000, "dateCreation", "desc").size(); + + BigDecimal totalRevenus = cotisationService.listerToutes(0, 1000).stream() + .filter(c -> "PAYEE".equals(c.getStatut()) || "PARTIELLEMENT_PAYEE".equals(c.getStatut())) + .map(c -> c.getMontantPaye() != null ? c.getMontantPaye() : BigDecimal.ZERO) + .reduce(BigDecimal.ZERO, BigDecimal::add); + + Objectif obj1 = new Objectif(); + obj1.setLibelle("Nouveaux Membres"); + obj1.setRealise(String.valueOf(totalMembres)); + int cibleMembres = (int) (totalMembres * 1.2); + obj1.setCible(String.valueOf(cibleMembres)); + obj1.setPourcentage(totalMembres > 0 ? (int) ((double) totalMembres / cibleMembres * 100) : 0); + objectifs.add(obj1); + + Objectif obj2 = new Objectif(); + obj2.setLibelle("Revenus Cotisations"); + obj2.setRealise(formatMontantCourt(totalRevenus)); + BigDecimal cibleRevenus = totalRevenus.multiply(new BigDecimal("1.2")); + obj2.setCible(formatMontantCourt(cibleRevenus)); + obj2.setPourcentage(totalRevenus.compareTo(BigDecimal.ZERO) > 0 ? + (int) (totalRevenus.divide(cibleRevenus, 2, java.math.RoundingMode.HALF_UP).doubleValue() * 100) : 0); + objectifs.add(obj2); + + Objectif obj3 = new Objectif(); + obj3.setLibelle("Événements Organisés"); + obj3.setRealise(String.valueOf(totalEvenements)); + int cibleEvenements = (int) (totalEvenements * 1.2); + obj3.setCible(String.valueOf(cibleEvenements)); + obj3.setPourcentage(totalEvenements > 0 ? (int) ((double) totalEvenements / cibleEvenements * 100) : 0); + objectifs.add(obj3); + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul des objectifs: " + e.getMessage()); + } + } + + /** + * Convertit les KPIs Map en liste pour l'affichage + */ + private void convertirKPIsEnListe() { + kpisList = new ArrayList<>(); + if (kpis != null) { + kpis.forEach((type, valeur) -> { + KPI kpi = new KPI(); + kpi.setLibelle(getLibelleMetrique(type.toString())); + kpi.setValeur(valeur instanceof BigDecimal ? + ((BigDecimal) valeur).toPlainString() : valeur.toString()); + kpi.setProgression(0); + kpi.setVariation(calculerCroissance(type.toString())); + kpi.setTendance(kpi.getVariation() > 0 ? "HAUSSE" : kpi.getVariation() < 0 ? "BAISSE" : "STABLE"); + kpi.setIcon(getIconeMetrique(type.toString())); + kpi.setCouleur(getCouleurMetrique(type.toString())); + kpisList.add(kpi); + }); + } + } + + private String getLibelleMetrique(String type) { + return switch (type) { + case "NOMBRE_MEMBRES_ACTIFS" -> "Membres Actifs"; + case "TOTAL_COTISATIONS_COLLECTEES" -> "Cotisations Collectées"; + case "NOMBRE_EVENEMENTS_ORGANISES" -> "Événements Organisés"; + default -> type; + }; + } + + private String getIconeMetrique(String type) { + return switch (type) { + case "NOMBRE_MEMBRES_ACTIFS" -> "pi-users"; + case "TOTAL_COTISATIONS_COLLECTEES" -> "pi-dollar"; + case "NOMBRE_EVENEMENTS_ORGANISES" -> "pi-calendar"; + default -> "pi-chart-bar"; + }; + } + + private String getCouleurMetrique(String type) { + return switch (type) { + case "NOMBRE_MEMBRES_ACTIFS" -> "blue-500"; + case "TOTAL_COTISATIONS_COLLECTEES" -> "green-500"; + case "NOMBRE_EVENEMENTS_ORGANISES" -> "orange-500"; + default -> "gray-500"; + }; + } + + private String formatMontantCourt(BigDecimal montant) { + if (montant == null) return "0"; + double millions = montant.doubleValue() / 1_000_000.0; + if (millions >= 1) { + return String.format("%.1fM", millions); + } + return String.format("%.0fK", montant.doubleValue() / 1_000.0); + } + + private void initialiserDonneesVides() { + indicateurs = new IndicateursGlobaux(); + initialiserIndicateursVides(); + evolutionMensuelle = new ArrayList<>(); + objectifs = new ArrayList<>(); + repartitionMembres = new ArrayList<>(); + sourceRevenus = new ArrayList<>(); + topEntites = new ArrayList<>(); + kpisList = new ArrayList<>(); + alertes = new ArrayList<>(); + historiqueRapports = new ArrayList<>(); + } + + private void initialiserIndicateursVides() { + indicateurs.setTotalMembres(0); + indicateurs.setCroissanceMembres(0.0); + indicateurs.setRevenus("0 FCFA"); + indicateurs.setCroissanceRevenus(0.0); + indicateurs.setTotalEvenements(0); + indicateurs.setCroissanceEvenements(0.0); + indicateurs.setTotalAides("0 FCFA"); + indicateurs.setCroissanceAides(0.0); + } + + /** + * Actualise les données + */ + public void actualiser() { + chargerDonnees(); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", "Données actualisées avec succès."); + } + + /** + * Génère un nouveau rapport + */ + public void genererRapport() { + LOGGER.info("Génération du rapport " + nouveauRapport.getType() + " en format " + nouveauRapport.getFormat()); + + HistoriqueRapport nouveauHistorique = new HistoriqueRapport(); + nouveauHistorique.setId(UUID.randomUUID()); + nouveauHistorique.setType(nouveauRapport.getType()); + nouveauHistorique.setTypeLibelle(getTypeLibelle(nouveauRapport.getType())); + nouveauHistorique.setTypeIcon(getTypeIcon(nouveauRapport.getType())); + nouveauHistorique.setTypeCouleur(getTypeCouleur(nouveauRapport.getType())); + nouveauHistorique.setDateGeneration(LocalDate.now()); + nouveauHistorique.setPeriodeCouverte(getPeriodeDescription(nouveauRapport.getPeriode())); + nouveauHistorique.setGenerePar("Utilisateur Actuel"); + nouveauHistorique.setStatut("EN_COURS"); + + historiqueRapports.add(0, nouveauHistorique); + initializeNouveauRapport(); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Succès", "Rapport en cours de génération."); + } + + private void initializeNouveauRapport() { + nouveauRapport = new NouveauRapport(); + nouveauRapport.setFormat("PDF"); + nouveauRapport.setPeriode("30_JOURS"); + nouveauRapport.setDetail("STANDARD"); + } + + private String getTypeLibelle(String type) { + return switch (type) { + case "FINANCIER" -> "Rapport Financier"; + case "MEMBRES" -> "Rapport Membres"; + case "ACTIVITES" -> "Rapport Activités"; + case "PERFORMANCE" -> "Rapport Performance"; + case "COMPLET" -> "Rapport Complet"; + default -> type; + }; + } + + private String getTypeIcon(String type) { + return switch (type) { + case "FINANCIER" -> "pi-dollar"; + case "MEMBRES" -> "pi-users"; + case "ACTIVITES" -> "pi-calendar"; + case "PERFORMANCE" -> "pi-chart-bar"; + case "COMPLET" -> "pi-file"; + default -> "pi-file"; + }; + } + + private String getTypeCouleur(String type) { + return switch (type) { + case "FINANCIER" -> "green-500"; + case "MEMBRES" -> "blue-500"; + case "ACTIVITES" -> "orange-500"; + case "PERFORMANCE" -> "purple-500"; + case "COMPLET" -> "indigo-500"; + default -> "gray-500"; + }; + } + + private String getPeriodeDescription(String periode) { + return switch (periode) { + case "7_JOURS" -> "7 derniers jours"; + case "30_JOURS" -> "30 derniers jours"; + case "3_MOIS" -> "3 derniers mois"; + case "6_MOIS" -> "6 derniers mois"; + case "ANNEE_COURANTE" -> "Année en cours"; + case "PERSONNALISEE" -> "Période personnalisée"; + default -> periode; + }; + } + + public String voirRapport(HistoriqueRapport rapport) { + rapportSelectionne = rapport; + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_RAPPORT_DETAILS + "?faces-redirect=true"; + } + + public void telechargerRapport(HistoriqueRapport rapport) { + LOGGER.info("Téléchargement du rapport: " + rapport.getTypeLibelle()); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Téléchargement", + "Le téléchargement du rapport va commencer."); + } + + public void exporterDonnees() { + LOGGER.info("Export des données statistiques"); + ajouterMessage(FacesMessage.SEVERITY_INFO, "Export", + "L'export des données va commencer."); + } + + private void ajouterMessage(FacesMessage.Severity severity, String summary, String detail) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(severity, summary, detail)); + } + + // Getters et Setters + public String getPeriodeRapide() { return periodeRapide; } + public void setPeriodeRapide(String periodeRapide) { + this.periodeRapide = periodeRapide; + chargerDonnees(); + } + + public LocalDate getDateDebut() { return dateDebut; } + public void setDateDebut(LocalDate dateDebut) { this.dateDebut = dateDebut; } + + public LocalDate getDateFin() { return dateFin; } + public void setDateFin(LocalDate dateFin) { this.dateFin = dateFin; } + + public String getGroupeComparaison() { return groupeComparaison; } + public void setGroupeComparaison(String groupeComparaison) { this.groupeComparaison = groupeComparaison; } + + public IndicateursGlobaux getIndicateurs() { return indicateurs; } + public void setIndicateurs(IndicateursGlobaux indicateurs) { this.indicateurs = indicateurs; } + + public List getEvolutionMensuelle() { return evolutionMensuelle; } + public void setEvolutionMensuelle(List evolutionMensuelle) { this.evolutionMensuelle = evolutionMensuelle; } + + public List getObjectifs() { return objectifs; } + public void setObjectifs(List objectifs) { this.objectifs = objectifs; } + + public List getRepartitionMembres() { return repartitionMembres; } + public void setRepartitionMembres(List repartitionMembres) { this.repartitionMembres = repartitionMembres; } + + public List getSourceRevenus() { return sourceRevenus; } + public void setSourceRevenus(List sourceRevenus) { this.sourceRevenus = sourceRevenus; } + + public List getTopEntites() { return topEntites; } + public void setTopEntites(List topEntites) { this.topEntites = topEntites; } + + public List getKpis() { return kpisList; } + public void setKpis(List kpis) { this.kpisList = kpis; } + + public List getAlertes() { return alertes; } + public void setAlertes(List alertes) { this.alertes = alertes; } + + public List getHistoriqueRapports() { return historiqueRapports; } + public void setHistoriqueRapports(List historiqueRapports) { this.historiqueRapports = historiqueRapports; } + + public NouveauRapport getNouveauRapport() { return nouveauRapport; } + public void setNouveauRapport(NouveauRapport nouveauRapport) { this.nouveauRapport = nouveauRapport; } + + public HistoriqueRapport getRapportSelectionne() { return rapportSelectionne; } + public void setRapportSelectionne(HistoriqueRapport rapportSelectionne) { this.rapportSelectionne = rapportSelectionne; } + + // Classes internes (conservées pour compatibilité avec les pages XHTML) + public static class IndicateursGlobaux { + private int totalMembres; + private double croissanceMembres; + private String revenus; + private double croissanceRevenus; + private int totalEvenements; + private double croissanceEvenements; + private String totalAides; + private double croissanceAides; + + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + + public double getCroissanceMembres() { return croissanceMembres; } + public void setCroissanceMembres(double croissanceMembres) { this.croissanceMembres = croissanceMembres; } + + public String getRevenus() { return revenus; } + public void setRevenus(String revenus) { this.revenus = revenus; } + + public double getCroissanceRevenus() { return croissanceRevenus; } + public void setCroissanceRevenus(double croissanceRevenus) { this.croissanceRevenus = croissanceRevenus; } + + public int getTotalEvenements() { return totalEvenements; } + public void setTotalEvenements(int totalEvenements) { this.totalEvenements = totalEvenements; } + + public double getCroissanceEvenements() { return croissanceEvenements; } + public void setCroissanceEvenements(double croissanceEvenements) { this.croissanceEvenements = croissanceEvenements; } + + public String getTotalAides() { return totalAides; } + public void setTotalAides(String totalAides) { this.totalAides = totalAides; } + + public double getCroissanceAides() { return croissanceAides; } + public void setCroissanceAides(double croissanceAides) { this.croissanceAides = croissanceAides; } + } + + public static class EvolutionMensuelle { + private String libelle; + private int membres; + private double revenus; + private int hauteurMembres; + private int hauteurRevenus; + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public int getMembres() { return membres; } + public void setMembres(int membres) { this.membres = membres; } + + public double getRevenus() { return revenus; } + public void setRevenus(double revenus) { this.revenus = revenus; } + + public int getHauteurMembres() { return hauteurMembres; } + public void setHauteurMembres(int hauteurMembres) { this.hauteurMembres = hauteurMembres; } + + public int getHauteurRevenus() { return hauteurRevenus; } + public void setHauteurRevenus(int hauteurRevenus) { this.hauteurRevenus = hauteurRevenus; } + } + + public static class Objectif { + private String libelle; + private String realise; + private String cible; + private int pourcentage; + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getRealise() { return realise; } + public void setRealise(String realise) { this.realise = realise; } + + public String getCible() { return cible; } + public void setCible(String cible) { this.cible = cible; } + + public int getPourcentage() { return pourcentage; } + public void setPourcentage(int pourcentage) { this.pourcentage = pourcentage; } + } + + public static class RepartitionMembres { + private String libelle; + private int nombre; + private double pourcentage; + private String couleur; + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public int getNombre() { return nombre; } + public void setNombre(int nombre) { this.nombre = nombre; } + + public double getPourcentage() { return pourcentage; } + public void setPourcentage(double pourcentage) { this.pourcentage = pourcentage; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + } + + public static class SourceRevenus { + private String libelle; + private String montant; + private double pourcentage; + private String couleur; + private String icon; + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getMontant() { return montant; } + public void setMontant(String montant) { this.montant = montant; } + + public double getPourcentage() { return pourcentage; } + public void setPourcentage(double pourcentage) { this.pourcentage = pourcentage; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + } + + public static class TopEntite { + private int rang; + private String nom; + private String typeIcon; + private int score; + private String tendance; + + public int getRang() { return rang; } + public void setRang(int rang) { this.rang = rang; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getTypeIcon() { return typeIcon; } + public void setTypeIcon(String typeIcon) { this.typeIcon = typeIcon; } + + public int getScore() { return score; } + public void setScore(int score) { this.score = score; } + + public String getTendance() { return tendance; } + public void setTendance(String tendance) { this.tendance = tendance; } + } + + public static class KPI { + private String libelle; + private String valeur; + private int progression; + private double variation; + private String tendance; + private String icon; + private String couleur; + + public String getLibelle() { return libelle; } + public void setLibelle(String libelle) { this.libelle = libelle; } + + public String getValeur() { return valeur; } + public void setValeur(String valeur) { this.valeur = valeur; } + + public int getProgression() { return progression; } + public void setProgression(int progression) { this.progression = progression; } + + public double getVariation() { return variation; } + public void setVariation(double variation) { this.variation = variation; } + + public String getTendance() { return tendance; } + public void setTendance(String tendance) { this.tendance = tendance; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + } + + public static class Alerte { + private String titre; + private String description; + private String priorite; + private String severite; + private String severiteCouleur; + private String icon; + private String dateDetection; + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getPriorite() { return priorite; } + public void setPriorite(String priorite) { this.priorite = priorite; } + + public String getSeverite() { return severite; } + public void setSeverite(String severite) { this.severite = severite; } + + public String getSeveriteCouleur() { return severiteCouleur; } + public void setSeveriteCouleur(String severiteCouleur) { this.severiteCouleur = severiteCouleur; } + + public String getIcon() { return icon; } + public void setIcon(String icon) { this.icon = icon; } + + public String getDateDetection() { return dateDetection; } + public void setDateDetection(String dateDetection) { this.dateDetection = dateDetection; } + } + + public static class HistoriqueRapport { + private UUID id; + private String type; + private String typeLibelle; + private String typeIcon; + private String typeCouleur; + private LocalDate dateGeneration; + private String periodeCouverte; + private String generePar; + private String statut; + + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getTypeLibelle() { return typeLibelle; } + public void setTypeLibelle(String typeLibelle) { this.typeLibelle = typeLibelle; } + + public String getTypeIcon() { return typeIcon; } + public void setTypeIcon(String typeIcon) { this.typeIcon = typeIcon; } + + public String getTypeCouleur() { return typeCouleur; } + public void setTypeCouleur(String typeCouleur) { this.typeCouleur = typeCouleur; } + + public LocalDate getDateGeneration() { return dateGeneration; } + public void setDateGeneration(LocalDate dateGeneration) { this.dateGeneration = dateGeneration; } + + public String getPeriodeCouverte() { return periodeCouverte; } + public void setPeriodeCouverte(String periodeCouverte) { this.periodeCouverte = periodeCouverte; } + + public String getGenerePar() { return generePar; } + public void setGenerePar(String generePar) { this.generePar = generePar; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getDateGenerationFormatee() { + if (dateGeneration == null) return ""; + return dateGeneration.format(DATE_FORMATTER); + } + + public String getStatutSeverity() { + return switch (statut) { + case "GENERE" -> "success"; + case "EN_COURS" -> "warning"; + case "PLANIFIE" -> "info"; + case "ERREUR" -> "danger"; + default -> "secondary"; + }; + } + } + + public static class NouveauRapport { + private String type; + private String format; + private String periode; + private String detail; + private String commentaires; + + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getFormat() { return format; } + public void setFormat(String format) { this.format = format; } + + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public String getDetail() { return detail; } + public void setDetail(String detail) { this.detail = detail; } + + public String getCommentaires() { return commentaires; } + public void setCommentaires(String commentaires) { this.commentaires = commentaires; } + } +} diff --git a/src/main/java/dev/lions/unionflow/client/view/RolesBean.java b/src/main/java/dev/lions/unionflow/client/view/RolesBean.java new file mode 100644 index 0000000..b755f4e --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/RolesBean.java @@ -0,0 +1,367 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Named; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.*; +import java.util.stream.Collectors; + +@Named("rolesBean") +@SessionScoped +public class RolesBean implements Serializable { + + private static final long serialVersionUID = 1L; + + // Filtres + private String filtreNom = ""; + private String filtreType = ""; + private String filtreStatut = ""; + + // Rôles + private List roles; + private Role roleSelectionne; + private Role nouveauRole = new Role(); + + public RolesBean() { + initialiserRoles(); + } + + private void initialiserRoles() { + // Initialiser avec une liste vide - les rôles seront chargés depuis le backend quand le service sera disponible + roles = new ArrayList<>(); + // TODO: Charger depuis RoleService quand disponible + // Exemple: roles = roleService.listerTous(); + } + + // Getters pour les KPIs + public int getTotalRoles() { + return roles.size(); + } + + public int getRolesActifs() { + return (int) roles.stream().filter(r -> r.getStatut() == StatutRole.ACTIF).count(); + } + + public int getUtilisateursAvecRoles() { + return roles.stream().mapToInt(Role::getNombreUtilisateurs).sum(); + } + + public int getPermissionsUniques() { + return roles.stream() + .flatMap(r -> r.getPermissions().stream()) + .collect(Collectors.toSet()) + .size(); + } + + // Filtrage des rôles + public List getRolesFiltres() { + return roles.stream() + .filter(this::correspondAuxFiltres) + .collect(Collectors.toList()); + } + + private boolean correspondAuxFiltres(Role role) { + boolean nomOk = filtreNom.isEmpty() || + role.getNom().toLowerCase().contains(filtreNom.toLowerCase()) || + role.getDescription().toLowerCase().contains(filtreNom.toLowerCase()); + + boolean typeOk = filtreType.isEmpty() || role.getType().name().equals(filtreType); + boolean statutOk = filtreStatut.isEmpty() || role.getStatut().name().equals(filtreStatut); + + return nomOk && typeOk && statutOk; + } + + public void reinitialiserFiltres() { + filtreNom = ""; + filtreType = ""; + filtreStatut = ""; + } + + // Actions + public void voirRole(Role role) { + this.roleSelectionne = role; + // Charger les détails complets du rôle + role.chargerDetailsComplets(); + } + + public void modifierRole(Role role) { + this.roleSelectionne = role; + } + + public void gererUtilisateurs(Role role) { + this.roleSelectionne = role; + } + + public void creerRole() { + // Validation + if (nouveauRole.getNom().isEmpty()) { + return; + } + + // Génération des propriétés + nouveauRole.setCode(genererCodeRole(nouveauRole.getNom())); + nouveauRole.setCouleurFond(genererCouleurAleatoire()); + nouveauRole.setCouleurTexte("#ffffff"); + nouveauRole.setStatut(StatutRole.ACTIF); + nouveauRole.setDateModification(LocalDateTime.now()); + nouveauRole.setModifiePar("Utilisateur Courant"); + + // Ajout à la liste + roles.add(nouveauRole); + + // Réinitialisation + nouveauRole = new Role(); + } + + private String genererCodeRole(String nom) { + return nom.toUpperCase() + .replaceAll("[^A-Z0-9]", "_") + .replaceAll("_{2,}", "_"); + } + + private String genererCouleurAleatoire() { + String[] couleurs = {"#ff6b6b", "#4ecdc4", "#45b7d1", "#96ceb4", "#feca57", + "#a55eea", "#fd79a8", "#6c5ce7", "#74b9ff", "#00b894"}; + Random random = new Random(); + return couleurs[random.nextInt(couleurs.length)]; + } + + public List getPermissionsDisponibles() { + List permissions = new ArrayList<>(); + permissions.add(new Permission("GESTION_COMPLETE", "Gestion Complète")); + permissions.add(new Permission("ADMIN_SYSTEME", "Administration Système")); + permissions.add(new Permission("GESTION_USERS", "Gestion des Utilisateurs")); + permissions.add(new Permission("GESTION_ORGS", "Gestion des Organisations")); + permissions.add(new Permission("GESTION_MEMBRES", "Gestion des Membres")); + permissions.add(new Permission("GESTION_EVENTS", "Gestion des Événements")); + permissions.add(new Permission("COMPTABILITE", "Comptabilité")); + permissions.add(new Permission("COTISATIONS", "Cotisations")); + permissions.add(new Permission("DOCUMENTS", "Documents")); + permissions.add(new Permission("COMMUNICATIONS", "Communications")); + permissions.add(new Permission("RAPPORTS", "Rapports")); + permissions.add(new Permission("AUDIT", "Audit")); + permissions.add(new Permission("CONSULTATION", "Consultation")); + return permissions; + } + + // Getters et Setters + public String getFiltreNom() { return filtreNom; } + public void setFiltreNom(String filtreNom) { this.filtreNom = filtreNom; } + + public String getFiltreType() { return filtreType; } + public void setFiltreType(String filtreType) { this.filtreType = filtreType; } + + public String getFiltreStatut() { return filtreStatut; } + public void setFiltreStatut(String filtreStatut) { this.filtreStatut = filtreStatut; } + + public Role getRoleSelectionne() { return roleSelectionne; } + public void setRoleSelectionne(Role roleSelectionne) { this.roleSelectionne = roleSelectionne; } + + public Role getNouveauRole() { return nouveauRole; } + public void setNouveauRole(Role nouveauRole) { this.nouveauRole = nouveauRole; } + + // Classes internes + public static class Role implements Serializable { + private String code; + private String nom; + private String description; + private TypeRole type; + private StatutRole statut; + private String icone; + private String couleurFond; + private String couleurTexte; + private List permissions; + private int nombreUtilisateurs; + private LocalDateTime dateModification; + private String modifiePar; + + // Détails complets (chargés à la demande) + private List permissionsDetaillees; + private List utilisateursAssignes; + + public Role() { + this.permissions = new ArrayList<>(); + } + + public Role(String code, String nom, String description, TypeRole type, StatutRole statut, + String icone, String couleurFond, String couleurTexte, List permissions, + int nombreUtilisateurs, LocalDateTime dateModification, String modifiePar) { + this.code = code; + this.nom = nom; + this.description = description; + this.type = type; + this.statut = statut; + this.icone = icone; + this.couleurFond = couleurFond; + this.couleurTexte = couleurTexte; + this.permissions = permissions != null ? permissions : new ArrayList<>(); + this.nombreUtilisateurs = nombreUtilisateurs; + this.dateModification = dateModification; + this.modifiePar = modifiePar; + } + + public void chargerDetailsComplets() { + // Simuler le chargement des détails + permissionsDetaillees = new ArrayList<>(); + for (String perm : permissions) { + permissionsDetaillees.add(new Permission(perm, getLibellePermission(perm))); + } + + utilisateursAssignes = new ArrayList<>(); + for (int i = 0; i < Math.min(nombreUtilisateurs, 10); i++) { + utilisateursAssignes.add(new Utilisateur("Utilisateur " + (i+1), "Test")); + } + } + + private String getLibellePermission(String code) { + Map libelles = new HashMap<>(); + libelles.put("GESTION_COMPLETE", "Gestion Complète"); + libelles.put("ADMIN_SYSTEME", "Administration Système"); + libelles.put("GESTION_USERS", "Gestion des Utilisateurs"); + libelles.put("GESTION_ORGS", "Gestion des Organisations"); + libelles.put("GESTION_MEMBRES", "Gestion des Membres"); + libelles.put("GESTION_EVENTS", "Gestion des Événements"); + libelles.put("COMPTABILITE", "Comptabilité"); + libelles.put("COTISATIONS", "Cotisations"); + libelles.put("DOCUMENTS", "Documents"); + libelles.put("COMMUNICATIONS", "Communications"); + libelles.put("RAPPORTS", "Rapports"); + libelles.put("AUDIT", "Audit"); + libelles.put("CONSULTATION", "Consultation"); + return libelles.getOrDefault(code, code); + } + + // Propriétés calculées + public String getTypeLibelle() { + switch (type) { + case SYSTEME: return "Système"; + case PERSONNALISE: return "Personnalisé"; + case TEMPORAIRE: return "Temporaire"; + default: return type.name(); + } + } + + public String getTypeSeverity() { + switch (type) { + case SYSTEME: return "danger"; + case PERSONNALISE: return "info"; + case TEMPORAIRE: return "warning"; + default: return "secondary"; + } + } + + public String getStatutLibelle() { + switch (statut) { + case ACTIF: return "Actif"; + case INACTIF: return "Inactif"; + case SUSPENDU: return "Suspendu"; + default: return statut.name(); + } + } + + public String getStatutSeverity() { + switch (statut) { + case ACTIF: return "success"; + case INACTIF: return "secondary"; + case SUSPENDU: return "warning"; + default: return "secondary"; + } + } + + public List getPermissionsPrincipales() { + return permissions.stream().limit(3).collect(Collectors.toList()); + } + + public int getPermissionsCount() { + return permissions.size(); + } + + public String getDateModificationFormatee() { + return dateModification.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public boolean isModifiable() { + return type != TypeRole.SYSTEME; + } + + public boolean isSupprimable() { + return type != TypeRole.SYSTEME && nombreUtilisateurs == 0; + } + + // Getters et Setters + public String getCode() { return code; } + public void setCode(String code) { this.code = code; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public TypeRole getType() { return type; } + public void setType(TypeRole type) { this.type = type; } + + public StatutRole getStatut() { return statut; } + public void setStatut(StatutRole statut) { this.statut = statut; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurFond() { return couleurFond; } + public void setCouleurFond(String couleurFond) { this.couleurFond = couleurFond; } + + public String getCouleurTexte() { return couleurTexte; } + public void setCouleurTexte(String couleurTexte) { this.couleurTexte = couleurTexte; } + + public List getPermissions() { return permissions; } + public void setPermissions(List permissions) { this.permissions = permissions; } + + public int getNombreUtilisateurs() { return nombreUtilisateurs; } + public void setNombreUtilisateurs(int nombreUtilisateurs) { this.nombreUtilisateurs = nombreUtilisateurs; } + + public LocalDateTime getDateModification() { return dateModification; } + public void setDateModification(LocalDateTime dateModification) { this.dateModification = dateModification; } + + public String getModifiePar() { return modifiePar; } + public void setModifiePar(String modifiePar) { this.modifiePar = modifiePar; } + + public List getPermissionsDetaillees() { return permissionsDetaillees; } + public List getUtilisateursAssignes() { return utilisateursAssignes; } + } + + public enum TypeRole { + SYSTEME, PERSONNALISE, TEMPORAIRE + } + + public enum StatutRole { + ACTIF, INACTIF, SUSPENDU + } + + public static class Permission implements Serializable { + private String code; + private String libelle; + + public Permission(String code, String libelle) { + this.code = code; + this.libelle = libelle; + } + + public String getCode() { return code; } + public String getLibelle() { return libelle; } + } + + public static class Utilisateur implements Serializable { + private String nom; + private String prenom; + + public Utilisateur(String nom, String prenom) { + this.nom = nom; + this.prenom = prenom; + } + + public String getNom() { return nom; } + public String getPrenom() { return prenom; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/SecurityStatusBean.java b/src/main/java/dev/lions/unionflow/client/view/SecurityStatusBean.java new file mode 100644 index 0000000..6a3148f --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/SecurityStatusBean.java @@ -0,0 +1,109 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.security.JwtTokenManager; +import dev.lions.unionflow.client.security.TokenRefreshService; +import jakarta.enterprise.context.RequestScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.Serializable; + +@Named("securityStatusBean") +@RequestScoped +public class SecurityStatusBean implements Serializable { + + private static final long serialVersionUID = 1L; + + @Inject + private JwtTokenManager tokenManager; + + @Inject + private TokenRefreshService tokenRefreshService; + + @Inject + private UserSession userSession; + + public String getSecurityStatusIcon() { + if (!userSession.isAuthenticated() || !tokenManager.hasValidTokens()) { + return "pi-shield text-red-500"; + } + + long timeLeft = tokenManager.getTimeUntilExpiration(); + if (timeLeft < 300) { // Moins de 5 minutes + return "pi-exclamation-triangle text-orange-500"; + } else if (timeLeft < 900) { // Moins de 15 minutes + return "pi-clock text-yellow-500"; + } else { + return "pi-shield text-green-500"; + } + } + + public String getSecurityStatusMessage() { + if (!userSession.isAuthenticated() || !tokenManager.hasValidTokens()) { + return "Session expirée"; + } + + long timeLeft = tokenManager.getTimeUntilExpiration(); + long minutes = timeLeft / 60; + + if (timeLeft < 300) { + return "Session expire dans " + minutes + " min"; + } else if (timeLeft < 900) { + return "Session active (" + minutes + " min restantes)"; + } else { + return "Session sécurisée"; + } + } + + public String getSecurityStatusSeverity() { + if (!userSession.isAuthenticated() || !tokenManager.hasValidTokens()) { + return "danger"; + } + + long timeLeft = tokenManager.getTimeUntilExpiration(); + if (timeLeft < 300) { + return "warning"; + } else if (timeLeft < 900) { + return "info"; + } else { + return "success"; + } + } + + public void refreshTokenManually() { + try { + String sessionId = getSessionId(); + if (sessionId != null && tokenRefreshService.tryRefreshTokenNow(sessionId)) { + // Token rafraîchi avec succès + } else { + // Échec du rafraîchissement + } + } catch (Exception e) { + // Gestion d'erreur + } + } + + private String getSessionId() { + try { + jakarta.faces.context.FacesContext facesContext = + jakarta.faces.context.FacesContext.getCurrentInstance(); + if (facesContext != null && facesContext.getExternalContext() != null) { + return facesContext.getExternalContext().getSessionId(false); + } + } catch (Exception e) { + // Contexte non disponible + } + return null; + } + + public boolean isTokenExpiringSoon() { + return tokenManager.getTimeUntilExpiration() < 900; // 15 minutes + } + + public boolean isTokenCritical() { + return tokenManager.getTimeUntilExpiration() < 300; // 5 minutes + } + + public int getTokenExpirationMinutes() { + return (int) (tokenManager.getTimeUntilExpiration() / 60); + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/SouscriptionBean.java b/src/main/java/dev/lions/unionflow/client/view/SouscriptionBean.java new file mode 100644 index 0000000..c27781c --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/SouscriptionBean.java @@ -0,0 +1,272 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.SouscriptionDTO; +import dev.lions.unionflow.client.service.SouscriptionService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; + +@Named("souscriptionBean") +@SessionScoped +public class SouscriptionBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(SouscriptionBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_SOUSCRIPTION_UPGRADE = "souscriptionUpgradePage"; + private static final String OUTCOME_SOUSCRIPTION_CHANGE_PLAN = "souscriptionChangePlanPage"; + private static final String OUTCOME_SOUSCRIPTION_RENEW = "souscriptionRenewPage"; + + @Inject + @RestClient + private SouscriptionService souscriptionService; + + private UUID organisationId; // À injecter depuis la session + + private List souscriptionsOrganisation; + private SouscriptionDTO souscriptionActive; + private SouscriptionDTO souscriptionSelectionnee; + + // Statistiques quota + private int membresActuels = 0; + private int quotaMaximum = 0; + private boolean quotaAtteint = false; + private int membresRestants = 0; + + // Alertes + private boolean alerteExpirationProche = false; + private boolean alerteQuotaProche = false; + private int joursAvantExpiration = 0; + + @PostConstruct + public void init() { + if (organisationId != null) { + initializeData(); + } else { + LOGGER.warning("Aucun organisationId fourni, impossible de charger les souscriptions"); + souscriptionsOrganisation = new ArrayList<>(); + } + } + + private void initializeData() { + try { + souscriptionsOrganisation = souscriptionService.listerToutes(organisationId, 0, 100); + souscriptionActive = souscriptionService.obtenirActive(organisationId); + if (souscriptionActive == null && !souscriptionsOrganisation.isEmpty()) { + souscriptionActive = souscriptionsOrganisation.stream() + .filter(s -> s.getStatut() == SouscriptionDTO.StatutSouscription.ACTIVE) + .findFirst() + .orElse(null); + } + updateStatistiques(); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des souscriptions: " + e.getMessage()); + souscriptionsOrganisation = new ArrayList<>(); + } + } + + private void updateStatistiques() { + if (souscriptionActive != null) { + membresActuels = souscriptionActive.getMembresActuels(); + quotaMaximum = souscriptionActive.getQuotaMaxMembres(); + membresRestants = souscriptionActive.getMembresRestants(); + quotaAtteint = souscriptionActive.isQuotaAtteint(); + + // Calculer les alertes + joursAvantExpiration = (int) souscriptionActive.getJoursRestants(); + alerteExpirationProche = souscriptionActive.isExpirationProche(); + alerteQuotaProche = souscriptionActive.getPourcentageUtilisation() >= 85; + } + } + + public boolean peutAccepterNouveauMembre() { + return souscriptionActive != null && + souscriptionActive.isActive() && + !souscriptionActive.isQuotaAtteint(); + } + + public String getMessageQuota() { + if (souscriptionActive == null) { + return "Aucune souscription active"; + } + + if (quotaAtteint) { + return "Quota maximum atteint (" + quotaMaximum + " membres)"; + } + + if (alerteQuotaProche) { + return "Attention: quota bientôt atteint (" + membresActuels + "/" + quotaMaximum + ")"; + } + + return membresRestants + " membre(s) restant(s) sur " + quotaMaximum; + } + + public String getCouleurJaugeQuota() { + int pourcentage = souscriptionActive != null ? souscriptionActive.getPourcentageUtilisation() : 0; + + if (pourcentage >= 100) return "danger"; + if (pourcentage >= 85) return "warning"; + if (pourcentage >= 70) return "info"; + return "success"; + } + + public String upgraderFormulaire() { + // Logique pour upgrader vers un formulaire supérieur + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_SOUSCRIPTION_UPGRADE + "?faces-redirect=true"; + } + + public String changerFormulaire() { + // Logique pour changer de formulaire + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_SOUSCRIPTION_CHANGE_PLAN + "?faces-redirect=true"; + } + + public String renouvelerSouscription() { + // Logique pour renouveler la souscription + // Utilisation de navigation outcome au lieu de chemin direct (WOU/DRY) + return OUTCOME_SOUSCRIPTION_RENEW + "?faces-redirect=true"; + } + + public void activerNotificationQuota(boolean activer) { + if (souscriptionActive != null) { + souscriptionActive.setNotificationQuotaAtteint(activer); + // Appel service pour sauvegarder + } + } + + public void activerNotificationExpiration(boolean activer) { + if (souscriptionActive != null) { + souscriptionActive.setNotificationExpiration(activer); + // Appel service pour sauvegarder + } + } + + public List getAlertesQuota() { + List alertes = new ArrayList<>(); + + if (alerteExpirationProche) { + AlerteQuota alerte = new AlerteQuota(); + alerte.setType("EXPIRATION"); + alerte.setSeverite("warning"); + alerte.setIcone("pi-clock"); + alerte.setTitre("Souscription expire bientôt"); + alerte.setMessage("Votre souscription expire dans " + joursAvantExpiration + " jour(s)"); + alerte.setAction("Renouveler maintenant"); + alerte.setActionUrl("/pages/secure/souscription/renew"); + alertes.add(alerte); + } + + if (alerteQuotaProche && !quotaAtteint) { + AlerteQuota alerte = new AlerteQuota(); + alerte.setType("QUOTA_PROCHE"); + alerte.setSeverite("info"); + alerte.setIcone("pi-users"); + alerte.setTitre("Quota bientôt atteint"); + alerte.setMessage("Vous approchez de votre limite (" + membresActuels + "/" + quotaMaximum + ")"); + alerte.setAction("Upgrader le plan"); + alerte.setActionUrl("/pages/secure/souscription/upgrade"); + alertes.add(alerte); + } + + if (quotaAtteint) { + AlerteQuota alerte = new AlerteQuota(); + alerte.setType("QUOTA_ATTEINT"); + alerte.setSeverite("danger"); + alerte.setIcone("pi-exclamation-triangle"); + alerte.setTitre("Quota maximum atteint"); + alerte.setMessage("Vous ne pouvez plus accepter de nouveaux membres"); + alerte.setAction("Upgrader maintenant"); + alerte.setActionUrl("/pages/secure/souscription/upgrade"); + alertes.add(alerte); + } + + return alertes; + } + + public String getSeveriteQuota() { + if (quotaAtteint) return "danger"; + if (alerteQuotaProche) return "warning"; + return "info"; + } + + public String getIconeStatut() { + if (souscriptionActive == null) return "pi-times-circle text-red-500"; + if (souscriptionActive.isActive()) return "pi-check-circle text-green-500"; + if (souscriptionActive.getStatut() == SouscriptionDTO.StatutSouscription.EXPIREE) return "pi-clock text-red-500"; + if (souscriptionActive.getStatut() == SouscriptionDTO.StatutSouscription.SUSPENDUE) return "pi-pause text-orange-500"; + return "pi-info-circle text-blue-500"; + } + + // Getters et Setters + public List getSouscriptionsOrganisation() { return souscriptionsOrganisation; } + public void setSouscriptionsOrganisation(List souscriptionsOrganisation) { this.souscriptionsOrganisation = souscriptionsOrganisation; } + + public SouscriptionDTO getSouscriptionActive() { return souscriptionActive; } + public void setSouscriptionActive(SouscriptionDTO souscriptionActive) { this.souscriptionActive = souscriptionActive; } + + public SouscriptionDTO getSouscriptionSelectionnee() { return souscriptionSelectionnee; } + public void setSouscriptionSelectionnee(SouscriptionDTO souscriptionSelectionnee) { this.souscriptionSelectionnee = souscriptionSelectionnee; } + + public int getMembresActuels() { return membresActuels; } + public void setMembresActuels(int membresActuels) { this.membresActuels = membresActuels; } + + public int getQuotaMaximum() { return quotaMaximum; } + public void setQuotaMaximum(int quotaMaximum) { this.quotaMaximum = quotaMaximum; } + + public boolean isQuotaAtteint() { return quotaAtteint; } + public void setQuotaAtteint(boolean quotaAtteint) { this.quotaAtteint = quotaAtteint; } + + public int getMembresRestants() { return membresRestants; } + public void setMembresRestants(int membresRestants) { this.membresRestants = membresRestants; } + + public boolean isAlerteExpirationProche() { return alerteExpirationProche; } + public void setAlerteExpirationProche(boolean alerteExpirationProche) { this.alerteExpirationProche = alerteExpirationProche; } + + public boolean isAlerteQuotaProche() { return alerteQuotaProche; } + public void setAlerteQuotaProche(boolean alerteQuotaProche) { this.alerteQuotaProche = alerteQuotaProche; } + + public int getJoursAvantExpiration() { return joursAvantExpiration; } + public void setJoursAvantExpiration(int joursAvantExpiration) { this.joursAvantExpiration = joursAvantExpiration; } + + // Classe interne pour les alertes + public static class AlerteQuota implements Serializable { + private String type; + private String severite; + private String icone; + private String titre; + private String message; + private String action; + private String actionUrl; + + // Getters et Setters + public String getType() { return type; } + public void setType(String type) { this.type = type; } + + public String getSeverite() { return severite; } + public void setSeverite(String severite) { this.severite = severite; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getMessage() { return message; } + public void setMessage(String message) { this.message = message; } + + public String getAction() { return action; } + public void setAction(String action) { this.action = action; } + + public String getActionUrl() { return actionUrl; } + public void setActionUrl(String actionUrl) { this.actionUrl = actionUrl; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/SuperAdminBean.java b/src/main/java/dev/lions/unionflow/client/view/SuperAdminBean.java new file mode 100644 index 0000000..535ec1b --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/SuperAdminBean.java @@ -0,0 +1,613 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.service.AssociationService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.math.BigDecimal; +import java.time.LocalDate; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; + +@Named("superAdminBean") +@SessionScoped +public class SuperAdminBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(SuperAdminBean.class.getName()); + + // Constantes de navigation outcomes (WOU/DRY - réutilisables) + private static final String OUTCOME_ENTITE_NOUVELLE = "entiteNouvellePage"; + private static final String OUTCOME_ENTITE_GESTION = "entiteGestionPage"; + private static final String OUTCOME_SUPER_ADMIN_RAPPORTS = "superAdminRapportsPage"; + private static final String OUTCOME_SUPER_ADMIN_CONFIGURATION = "superAdminConfigurationPage"; + private static final String OUTCOME_SUPER_ADMIN_ALERTES = "superAdminAlertesPage"; + private static final String OUTCOME_SUPER_ADMIN_ACTIVITE = "superAdminActivitePage"; + + @Inject + @RestClient + private AssociationService associationService; + + private String nomComplet; + private String derniereConnexion; + private int totalEntites; + private int totalAdministrateurs; + private int totalMembres; + private String revenusGlobaux; + private int alertesCount; + private String croissanceEntites; + private int activiteJournaliere; + + // Pourcentages de croissance calculés + private String croissanceMembres = "0"; + private String croissanceRevenus = "0"; + private int nouvellesEntites = 0; + private int utilisateursActifs = 0; + + // Pourcentages pour les progress bars (jauges) + private int pourcentageMembres = 0; + private int pourcentageOrganisations = 0; + private int pourcentageRevenus = 0; + private int pourcentageActivite = 0; + + // Métriques de souscription + private int totalSouscriptions; + private int souscriptionsActives; + private int souscriptionsExpirantSous30Jours; + private float tauxConversion; + + // Revenus par forfait + private BigDecimal revenusStarter = BigDecimal.ZERO; + private BigDecimal revenusStandard = BigDecimal.ZERO; + private BigDecimal revenusPremmium = BigDecimal.ZERO; + private BigDecimal revenusCristal = BigDecimal.ZERO; + + // Métriques système + private float disponibiliteSysteme; + private int tempsReponsMoyen; + private int ticketsSupportOuverts; + private float satisfactionClient; + + private List alertesRecentes; + private List topEntites; + private List repartitionTypes; + private List activitesRecentes; + private List evolutionEntites; + private RevenusData revenus; + private String periodeEvolution = "12M"; + + @PostConstruct + public void init() { + initializeUserInfo(); + initializeKPIs(); + initializeAlertes(); + initializeEntites(); + initializeRepartitionTypes(); + initializeActivites(); + initializeEvolution(); + initializeRevenus(); + } + + private void initializeUserInfo() { + // TODO: Récupérer depuis le contexte de sécurité (Keycloak) + nomComplet = "Administrateur Système"; + derniereConnexion = LocalDateTime.now().format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm")); + } + + private void initializeKPIs() { + try { + List associations = associationService.listerToutes(0, 1000); + totalEntites = associations.size(); + totalAdministrateurs = associations.size(); // TODO: Calculer depuis les utilisateurs + int totalMembresCalc = associations.stream() + .mapToInt(a -> a.getNombreMembres() != null ? a.getNombreMembres() : 0) + .sum(); + totalMembres = totalMembresCalc; + revenusGlobaux = "0 FCFA"; // TODO: Calculer depuis les souscriptions/paiements réels + alertesCount = 0; // TODO: Calculer depuis les alertes réelles + + // Calculer la croissance des entités (comparaison avec le mois précédent) + // Pour l'instant, on ne peut pas calculer sans historique, donc 0 + croissanceEntites = "0"; + nouvellesEntites = 0; // TODO: Calculer depuis l'historique + + // Calculer la croissance des membres (comparaison avec le mois précédent) + // Pour l'instant, on ne peut pas calculer sans historique, donc 0 + croissanceMembres = "0"; // TODO: Calculer depuis l'historique des membres + + croissanceRevenus = "0"; // TODO: Calculer depuis l'historique des revenus + activiteJournaliere = 0; // TODO: Calculer depuis les logs d'activité + utilisateursActifs = 0; // TODO: Calculer depuis les sessions actives + + // Calculer les pourcentages pour les progress bars (jauges) + calculerPourcentagesJauges(); + + // Initialiser les métriques de souscription + totalSouscriptions = 0; // TODO: Calculer depuis les souscriptions réelles + souscriptionsActives = 0; // TODO: Calculer depuis les souscriptions actives + souscriptionsExpirantSous30Jours = 0; // TODO: Calculer depuis les souscriptions expirantes + tauxConversion = 0.0f; // TODO: Calculer depuis les statistiques de conversion + + // Revenus par forfait - TODO: Calculer depuis les souscriptions/paiements réels + revenusStarter = BigDecimal.ZERO; + revenusStandard = BigDecimal.ZERO; + revenusPremmium = BigDecimal.ZERO; + revenusCristal = BigDecimal.ZERO; + + // Métriques système - TODO: Récupérer depuis un service de monitoring + disponibiliteSysteme = 0.0f; + tempsReponsMoyen = 0; // ms + ticketsSupportOuverts = 0; // TODO: Calculer depuis les tickets support réels + satisfactionClient = 0.0f; // /5 - TODO: Calculer depuis les évaluations réelles + } catch (Exception e) { + LOGGER.severe("Erreur lors du calcul des KPIs: " + e.getMessage()); + totalEntites = 0; + totalAdministrateurs = 0; + totalMembres = 0; + revenusGlobaux = "0 FCFA"; + } + } + + private void initializeAlertes() { + // Initialiser avec une liste vide - les alertes seront chargées depuis le backend quand le service sera disponible + alertesRecentes = new ArrayList<>(); + } + + private void initializeEntites() { + topEntites = new ArrayList<>(); + try { + List associations = associationService.listerToutes(0, 1000); + topEntites = associations.stream() + .sorted((a1, a2) -> { + int m1 = a1.getNombreMembres() != null ? a1.getNombreMembres() : 0; + int m2 = a2.getNombreMembres() != null ? a2.getNombreMembres() : 0; + return Integer.compare(m2, m1); + }) + .limit(5) + .map(a -> { + Entite entite = new Entite(); + entite.setId(a.getId()); + entite.setNom(a.getNom()); + entite.setTypeEntite(a.getTypeAssociation()); + entite.setNombreMembres(a.getNombreMembres() != null ? a.getNombreMembres() : 0); + return entite; + }) + .collect(java.util.stream.Collectors.toList()); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des top entités: " + e.getMessage()); + } + } + + private void initializeRepartitionTypes() { + // Initialiser avec une liste vide - la répartition sera calculée depuis les données réelles quand disponible + repartitionTypes = new ArrayList<>(); + try { + // TODO: Calculer la répartition depuis les données réelles des organisations + // List associations = associationService.listerToutes(0, 1000); + // Grouper par type et calculer les pourcentages + } catch (Exception e) { + LOGGER.warning("Impossible de calculer la répartition des types: " + e.getMessage()); + } + } + + private void initializeActivites() { + // Initialiser avec une liste vide - les activités seront chargées depuis le backend quand le service sera disponible + activitesRecentes = new ArrayList<>(); + // TODO: Charger depuis un service d'audit/logs quand disponible + } + + private void initializeEvolution() { + // Initialiser avec une liste vide - l'évolution sera calculée depuis les données réelles quand disponible + evolutionEntites = new ArrayList<>(); + // TODO: Calculer l'évolution mensuelle depuis les données historiques des organisations + } + + private void initializeRevenus() { + // Initialiser avec des valeurs par défaut - les revenus seront calculés depuis les paiements réels quand disponible + revenus = new RevenusData(); + revenus.setMensuel("0 FCFA"); + revenus.setAnnuel("0 FCFA"); + revenus.setCroissance("0"); + revenus.setMoyenne("0 FCFA"); + revenus.setCroissanceMensuelle("0"); + revenus.setObjectifAnnuel("0 FCFA"); + revenus.setDerniereMAJ(LocalDate.now().format(DateTimeFormatter.ofPattern("dd/MM/yyyy"))); + revenus.setEvolution(new ArrayList<>()); + // TODO: Calculer depuis les paiements/souscriptions réels quand le service sera disponible + } + + // Actions (WOU/DRY - utilisation de navigation outcomes) + public String creerEntite() { + return OUTCOME_ENTITE_NOUVELLE + "?faces-redirect=true"; + } + + public String gererEntites() { + return OUTCOME_ENTITE_GESTION + "?faces-redirect=true"; + } + + public String genererRapport() { + return OUTCOME_SUPER_ADMIN_RAPPORTS + "?faces-redirect=true"; + } + + public String configurer() { + return OUTCOME_SUPER_ADMIN_CONFIGURATION + "?faces-redirect=true"; + } + + public void voirAlerte(Alerte alerte) { + LOGGER.info("Voir alerte: " + alerte.getTitre()); + } + + public String voirToutesAlertes() { + return OUTCOME_SUPER_ADMIN_ALERTES + "?faces-redirect=true"; + } + + public String voirTouteActivite() { + return OUTCOME_SUPER_ADMIN_ACTIVITE + "?faces-redirect=true"; + } + + public void exporterRapportFinancier() { + LOGGER.info("Export du rapport financier généré"); + } + + // Getters et Setters + public String getNomComplet() { return nomComplet; } + public void setNomComplet(String nomComplet) { this.nomComplet = nomComplet; } + + public String getDerniereConnexion() { return derniereConnexion; } + public void setDerniereConnexion(String derniereConnexion) { this.derniereConnexion = derniereConnexion; } + + public int getTotalEntites() { return totalEntites; } + public void setTotalEntites(int totalEntites) { this.totalEntites = totalEntites; } + + public int getTotalAdministrateurs() { return totalAdministrateurs; } + public void setTotalAdministrateurs(int totalAdministrateurs) { this.totalAdministrateurs = totalAdministrateurs; } + + public int getTotalMembres() { return totalMembres; } + public void setTotalMembres(int totalMembres) { this.totalMembres = totalMembres; } + + public String getRevenusGlobaux() { return revenusGlobaux; } + public void setRevenusGlobaux(String revenusGlobaux) { this.revenusGlobaux = revenusGlobaux; } + + public int getAlertesCount() { return alertesCount; } + public void setAlertesCount(int alertesCount) { this.alertesCount = alertesCount; } + + public String getCroissanceEntites() { return croissanceEntites; } + public void setCroissanceEntites(String croissanceEntites) { this.croissanceEntites = croissanceEntites; } + + public int getActiviteJournaliere() { return activiteJournaliere; } + public void setActiviteJournaliere(int activiteJournaliere) { this.activiteJournaliere = activiteJournaliere; } + + // Getters pour les nouvelles métriques + public int getTotalSouscriptions() { return totalSouscriptions; } + public void setTotalSouscriptions(int totalSouscriptions) { this.totalSouscriptions = totalSouscriptions; } + + public int getSouscriptionsActives() { return souscriptionsActives; } + public void setSouscriptionsActives(int souscriptionsActives) { this.souscriptionsActives = souscriptionsActives; } + + public int getSouscriptionsExpirantSous30Jours() { return souscriptionsExpirantSous30Jours; } + public void setSouscriptionsExpirantSous30Jours(int souscriptionsExpirantSous30Jours) { this.souscriptionsExpirantSous30Jours = souscriptionsExpirantSous30Jours; } + + public float getTauxConversion() { return tauxConversion; } + public void setTauxConversion(float tauxConversion) { this.tauxConversion = tauxConversion; } + + public BigDecimal getRevenusStarter() { return revenusStarter; } + public void setRevenusStarter(BigDecimal revenusStarter) { this.revenusStarter = revenusStarter; } + + public BigDecimal getRevenusStandard() { return revenusStandard; } + public void setRevenusStandard(BigDecimal revenusStandard) { this.revenusStandard = revenusStandard; } + + public BigDecimal getRevenusPremmium() { return revenusPremmium; } + public void setRevenusPremmium(BigDecimal revenusPremmium) { this.revenusPremmium = revenusPremmium; } + + public BigDecimal getRevenusCristal() { return revenusCristal; } + public void setRevenusCristal(BigDecimal revenusCristal) { this.revenusCristal = revenusCristal; } + + public float getDisponibiliteSysteme() { return disponibiliteSysteme; } + public void setDisponibiliteSysteme(float disponibiliteSysteme) { this.disponibiliteSysteme = disponibiliteSysteme; } + + public int getTempsReponsMoyen() { return tempsReponsMoyen; } + public void setTempsReponsMoyen(int tempsReponsMoyen) { this.tempsReponsMoyen = tempsReponsMoyen; } + + public int getTicketsSupportOuverts() { return ticketsSupportOuverts; } + public void setTicketsSupportOuverts(int ticketsSupportOuverts) { this.ticketsSupportOuverts = ticketsSupportOuverts; } + + public float getSatisfactionClient() { return satisfactionClient; } + public void setSatisfactionClient(float satisfactionClient) { this.satisfactionClient = satisfactionClient; } + + // Méthodes utilitaires + public String getRevenusStarterFormat() { + return String.format("%,.0f FCFA", revenusStarter); + } + + public String getRevenusStandardFormat() { + return String.format("%,.0f FCFA", revenusStandard); + } + + public String getRevenusPremmiumFormat() { + return String.format("%,.0f FCFA", revenusPremmium); + } + + public String getRevenusCristalFormat() { + return String.format("%,.0f FCFA", revenusCristal); + } + + public String getTauxConversionFormat() { + return String.format("%.1f%%", tauxConversion); + } + + public String getDisponibiliteSystemeFormat() { + return String.format("%.1f%%", disponibiliteSysteme); + } + + public String getSatisfactionClientFormat() { + return String.format("%.1f/5", satisfactionClient); + } + + public List getAlertesRecentes() { return alertesRecentes; } + public void setAlertesRecentes(List alertesRecentes) { this.alertesRecentes = alertesRecentes; } + + public List getTopEntites() { return topEntites; } + public void setTopEntites(List topEntites) { this.topEntites = topEntites; } + + public List getRepartitionTypes() { return repartitionTypes; } + public void setRepartitionTypes(List repartitionTypes) { this.repartitionTypes = repartitionTypes; } + + public List getActivitesRecentes() { return activitesRecentes; } + public void setActivitesRecentes(List activitesRecentes) { this.activitesRecentes = activitesRecentes; } + + public List getEvolutionEntites() { return evolutionEntites; } + public void setEvolutionEntites(List evolutionEntites) { this.evolutionEntites = evolutionEntites; } + + public RevenusData getRevenus() { return revenus; } + public void setRevenus(RevenusData revenus) { this.revenus = revenus; } + + public String getPeriodeEvolution() { return periodeEvolution; } + public void setPeriodeEvolution(String periodeEvolution) { this.periodeEvolution = periodeEvolution; } + + // Getters pour les nouvelles propriétés + public String getCroissanceMembres() { return croissanceMembres; } + public void setCroissanceMembres(String croissanceMembres) { this.croissanceMembres = croissanceMembres; } + + public String getCroissanceRevenus() { return croissanceRevenus; } + public void setCroissanceRevenus(String croissanceRevenus) { this.croissanceRevenus = croissanceRevenus; } + + public int getNouvellesEntites() { return nouvellesEntites; } + public void setNouvellesEntites(int nouvellesEntites) { this.nouvellesEntites = nouvellesEntites; } + + public int getUtilisateursActifs() { return utilisateursActifs; } + public void setUtilisateursActifs(int utilisateursActifs) { this.utilisateursActifs = utilisateursActifs; } + + /** + * Calcule les pourcentages pour les progress bars (jauges) basés sur des objectifs réalistes + */ + private void calculerPourcentagesJauges() { + // Objectif : 1000 membres (100%) + int objectifMembres = 1000; + pourcentageMembres = totalMembres > 0 ? Math.min(100, (totalMembres * 100) / objectifMembres) : 0; + + // Objectif : 50 organisations (100%) + int objectifOrganisations = 50; + pourcentageOrganisations = totalEntites > 0 ? Math.min(100, (totalEntites * 100) / objectifOrganisations) : 0; + + // Objectif : 10 000 000 FCFA de revenus (100%) + // Pour l'instant, si revenus = 0, on met 0% + try { + String revenusStr = revenusGlobaux.replaceAll("[^0-9]", ""); + if (!revenusStr.isEmpty()) { + long revenusLong = Long.parseLong(revenusStr); + long objectifRevenus = 10_000_000L; // 10 millions FCFA + pourcentageRevenus = revenusLong > 0 ? Math.min(100, (int) ((revenusLong * 100) / objectifRevenus)) : 0; + } else { + pourcentageRevenus = 0; + } + } catch (Exception e) { + pourcentageRevenus = 0; + } + + // Objectif : 100 activités journalières (100%) + int objectifActivite = 100; + pourcentageActivite = activiteJournaliere > 0 ? Math.min(100, (activiteJournaliere * 100) / objectifActivite) : 0; + } + + // Getters pour les pourcentages des jauges + public int getPourcentageMembres() { return pourcentageMembres; } + public void setPourcentageMembres(int pourcentageMembres) { this.pourcentageMembres = pourcentageMembres; } + + public int getPourcentageOrganisations() { return pourcentageOrganisations; } + public void setPourcentageOrganisations(int pourcentageOrganisations) { this.pourcentageOrganisations = pourcentageOrganisations; } + + public int getPourcentageRevenus() { return pourcentageRevenus; } + public void setPourcentageRevenus(int pourcentageRevenus) { this.pourcentageRevenus = pourcentageRevenus; } + + public int getPourcentageActivite() { return pourcentageActivite; } + public void setPourcentageActivite(int pourcentageActivite) { this.pourcentageActivite = pourcentageActivite; } + + // Classes internes + public static class Alerte { + private UUID id; + private String titre; + private String entite; + private String date; + private String icone; + private String couleur; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getTitre() { return titre; } + public void setTitre(String titre) { this.titre = titre; } + + public String getEntite() { return entite; } + public void setEntite(String entite) { this.entite = entite; } + + public String getDate() { return date; } + public void setDate(String date) { this.date = date; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleur() { return couleur; } + public void setCouleur(String couleur) { this.couleur = couleur; } + } + + public static class Entite { + private UUID id; + private String nom; + private String typeEntite; + private int nombreMembres; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getTypeEntite() { return typeEntite; } + public void setTypeEntite(String typeEntite) { this.typeEntite = typeEntite; } + + public int getNombreMembres() { return nombreMembres; } + public void setNombreMembres(int nombreMembres) { this.nombreMembres = nombreMembres; } + } + + public static class TypeEntite { + private String nom; + private String description; + private int nombre; + private int pourcentage; + private String icone; + private String couleurBg; + private String couleurTexte; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public int getNombre() { return nombre; } + public void setNombre(int nombre) { this.nombre = nombre; } + + public int getPourcentage() { return pourcentage; } + public void setPourcentage(int pourcentage) { this.pourcentage = pourcentage; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getCouleurBg() { return couleurBg; } + public void setCouleurBg(String couleurBg) { this.couleurBg = couleurBg; } + + public String getCouleurTexte() { return couleurTexte; } + public void setCouleurTexte(String couleurTexte) { this.couleurTexte = couleurTexte; } + } + + public static class Activite { + private UUID id; + private String description; + private String entite; + private String date; + private String icone; + private String utilisateur; + private String details; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getDescription() { return description; } + public void setDescription(String description) { this.description = description; } + + public String getEntite() { return entite; } + public void setEntite(String entite) { this.entite = entite; } + + public String getDate() { return date; } + public void setDate(String date) { this.date = date; } + + public String getIcone() { return icone; } + public void setIcone(String icone) { this.icone = icone; } + + public String getUtilisateur() { return utilisateur; } + public void setUtilisateur(String utilisateur) { this.utilisateur = utilisateur; } + + public String getDetails() { return details; } + public void setDetails(String details) { this.details = details; } + } + + public static class EvolutionMois { + private String periode; + private int valeur; + private int hauteur; + + // Getters et setters + public String getPeriode() { return periode; } + public void setPeriode(String periode) { this.periode = periode; } + + public int getValeur() { return valeur; } + public void setValeur(int valeur) { this.valeur = valeur; } + + public int getHauteur() { return hauteur; } + public void setHauteur(int hauteur) { this.hauteur = hauteur; } + } + + public static class RevenusData { + private String mensuel; + private String annuel; + private String croissance; + private String moyenne; + private String croissanceMensuelle; + private String objectifAnnuel; + private String derniereMAJ; + private List evolution = new ArrayList<>(); + + // Getters et setters + public String getMensuel() { return mensuel; } + public void setMensuel(String mensuel) { this.mensuel = mensuel; } + + public String getAnnuel() { return annuel; } + public void setAnnuel(String annuel) { this.annuel = annuel; } + + public String getCroissance() { return croissance; } + public void setCroissance(String croissance) { this.croissance = croissance; } + + public String getMoyenne() { return moyenne; } + public void setMoyenne(String moyenne) { this.moyenne = moyenne; } + + public String getCroissanceMensuelle() { return croissanceMensuelle; } + public void setCroissanceMensuelle(String croissanceMensuelle) { this.croissanceMensuelle = croissanceMensuelle; } + + public String getObjectifAnnuel() { return objectifAnnuel; } + public void setObjectifAnnuel(String objectifAnnuel) { this.objectifAnnuel = objectifAnnuel; } + + public String getDerniereMAJ() { return derniereMAJ; } + public void setDerniereMAJ(String derniereMAJ) { this.derniereMAJ = derniereMAJ; } + + public List getEvolution() { return evolution; } + public void setEvolution(List evolution) { this.evolution = evolution; } + } + + public static class MoisRevenu { + private String nom; + private int hauteur; + private String valeur; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public int getHauteur() { return hauteur; } + public void setHauteur(int hauteur) { this.hauteur = hauteur; } + + public String getValeur() { return valeur; } + public void setValeur(String valeur) { this.valeur = valeur; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/TypeOrganisationsAdminBean.java b/src/main/java/dev/lions/unionflow/client/view/TypeOrganisationsAdminBean.java new file mode 100644 index 0000000..e4f6d1e --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/TypeOrganisationsAdminBean.java @@ -0,0 +1,150 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.TypeOrganisationClientDTO; +import dev.lions.unionflow.client.service.TypeOrganisationClientService; +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; +import org.eclipse.microprofile.rest.client.inject.RestClient; + +/** + * Bean de gestion du catalogue des types d'organisation (UI Super Admin). + */ +@Named("typeOrganisationsAdminBean") +@ViewScoped +public class TypeOrganisationsAdminBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(TypeOrganisationsAdminBean.class.getName()); + + @Inject + @RestClient + TypeOrganisationClientService typeOrganisationClientService; + + private List types = new ArrayList<>(); + /** Type actuellement édité dans le dialogue (nouveau ou existant). */ + private TypeOrganisationClientDTO typeCourant; + private TypeOrganisationClientDTO typeSelectionne; + + @PostConstruct + public void init() { + chargerTypes(); + } + + public void chargerTypes() { + try { + types = typeOrganisationClientService.list(false); + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des types d'organisation: " + e.getMessage()); + types = new ArrayList<>(); + } + } + + public void preparerNouveauType() { + typeCourant = new TypeOrganisationClientDTO(); + typeCourant.setActif(true); + typeSelectionne = null; + } + + private void creerType() { + try { + TypeOrganisationClientDTO cree = typeOrganisationClientService.create(typeCourant); + types.add(cree); + typeCourant = null; + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", "Type d'organisation créé avec succès")); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la création du type d'organisation: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible de créer le type d'organisation: " + e.getMessage())); + } + } + + /** + * Méthode unique utilisée par le bouton "Enregistrer" du dialogue. + * Si un nouveau type est en cours d'édition, on crée, sinon on met à jour le type sélectionné. + */ + public void enregistrerType() { + if (typeCourant == null) { + return; + } + if (typeCourant.getId() == null) { + creerType(); + } else { + sauvegarderType(); + } + } + private void sauvegarderType() { + if (typeCourant == null || typeCourant.getId() == null) { + return; + } + try { + TypeOrganisationClientDTO maj = + typeOrganisationClientService.update(typeCourant.getId(), typeCourant); + // Remplacer dans la liste + types.replaceAll(t -> t.getId().equals(maj.getId()) ? maj : t); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", "Type d'organisation mis à jour")); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la mise à jour du type d'organisation: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible de mettre à jour le type d'organisation: " + e.getMessage())); + } + } + + public void desactiverType(UUID id) { + try { + typeOrganisationClientService.disable(id); + types.stream() + .filter(t -> t.getId().equals(id)) + .findFirst() + .ifPresent(t -> t.setActif(false)); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, + "Succès", "Type d'organisation désactivé")); + } catch (Exception e) { + LOGGER.severe("Erreur lors de la désactivation du type d'organisation: " + e.getMessage()); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Erreur", "Impossible de désactiver le type d'organisation: " + e.getMessage())); + } + } + + // Getters / Setters + public List getTypes() { return types; } + public void setTypes(List types) { this.types = types; } + + public TypeOrganisationClientDTO getTypeSelectionne() { return typeSelectionne; } + public void setTypeSelectionne(TypeOrganisationClientDTO typeSelectionne) { + this.typeSelectionne = typeSelectionne; + this.typeCourant = typeSelectionne; + } + + /** + * Retourne le type actuellement édité dans le dialogue. + * Initialise un nouveau type par défaut si aucun n'est encore défini, + * ce qui évite les erreurs "Target Unreachable" lors de la validation JSF. + */ + public TypeOrganisationClientDTO getTypeCourant() { + if (typeCourant == null) { + typeCourant = new TypeOrganisationClientDTO(); + typeCourant.setActif(true); + } + return typeCourant; + } + public void setTypeCourant(TypeOrganisationClientDTO typeCourant) { this.typeCourant = typeCourant; } +} + + diff --git a/src/main/java/dev/lions/unionflow/client/view/UserSession.java b/src/main/java/dev/lions/unionflow/client/view/UserSession.java new file mode 100644 index 0000000..f91eba9 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/UserSession.java @@ -0,0 +1,535 @@ +package dev.lions.unionflow.client.view; + +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import org.eclipse.microprofile.jwt.JsonWebToken; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.logging.Logger; + +/** + * Gestion de la session utilisateur avec Keycloak OIDC + * + * @author UnionFlow Team + * @version 2.0 + */ +@Named("userSession") +@SessionScoped +public class UserSession implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(UserSession.class.getName()); + + @Inject + private JsonWebToken jwt; + + private String username; + private boolean authenticated = false; + private String typeCompte; + private List roles; + private List permissions; + private CurrentUser currentUser; + private EntiteInfo entite; + + public UserSession() { + // Session par défaut non authentifiée + clearSession(); + } + + /** + * Initialise la session depuis le token OIDC Keycloak + * Appelé automatiquement après l'authentification + */ + public void initializeFromOidcToken() { + if (jwt != null && jwt.getName() != null) { + this.authenticated = true; + this.username = jwt.getClaim("preferred_username"); + if (this.username == null) { + this.username = jwt.getName(); + } + + // Récupérer les informations du token + String email = jwt.getClaim("email"); + String givenName = jwt.getClaim("given_name"); + String familyName = jwt.getClaim("family_name"); + + // Récupérer les rôles depuis le token + this.roles = extractRolesFromToken(); + LOGGER.info("Rôles assignés à this.roles: " + this.roles); + LOGGER.info("Vérification contains('SUPER_ADMIN'): " + (this.roles != null && this.roles.contains("SUPER_ADMIN"))); + this.typeCompte = determineTypeCompte(); + LOGGER.info("Type de compte déterminé: " + this.typeCompte); + + // Mettre à jour les informations utilisateur + this.currentUser = new CurrentUser(); + this.currentUser.setUsername(this.username); + this.currentUser.setEmail(email); + this.currentUser.setPrenom(givenName); + this.currentUser.setNom(familyName); + + // Générer un ID depuis le subject du token + String subject = jwt.getSubject(); + if (subject != null) { + try { + this.currentUser.setId(UUID.fromString(subject)); + } catch (IllegalArgumentException e) { + // Si le subject n'est pas un UUID, générer un UUID déterministe + this.currentUser.setId(UUID.nameUUIDFromBytes(subject.getBytes())); + } + } + + LOGGER.info("Session utilisateur initialisée depuis Keycloak pour: " + this.username + + " (Type: " + typeCompte + ")"); + } + } + + /** + * Convertit un objet JSON en String de manière sécurisée + * Gère les cas où l'objet est un JsonStringImpl, String, ou autre type + */ + private String convertToString(Object obj) { + if (obj == null) { + return null; + } + if (obj instanceof String) { + String str = (String) obj; + // Nettoyer les guillemets qui pourraient être présents + str = str.trim(); + if (str.startsWith("'") && str.endsWith("'") && str.length() > 1) { + str = str.substring(1, str.length() - 1); + } + if (str.startsWith("\"") && str.endsWith("\"") && str.length() > 1) { + str = str.substring(1, str.length() - 1); + } + return str.trim(); + } + // Gérer JsonStringImpl et autres types JSON + String str = obj.toString(); + // Nettoyer les guillemets qui pourraient être présents + str = str.trim(); + if (str.startsWith("'") && str.endsWith("'") && str.length() > 1) { + str = str.substring(1, str.length() - 1); + } + if (str.startsWith("\"") && str.endsWith("\"") && str.length() > 1) { + str = str.substring(1, str.length() - 1); + } + return str.trim(); + } + + /** + * Extrait et convertit une liste de rôles depuis un objet JSON + */ + private List extractRolesFromList(Object rolesObj) { + List roles = new ArrayList<>(); + if (rolesObj instanceof List) { + @SuppressWarnings("unchecked") + List rolesList = (List) rolesObj; + for (Object roleObj : rolesList) { + String role = convertToString(roleObj); + if (role != null && !role.isEmpty()) { + // S'assurer que c'est vraiment un String en créant une nouvelle instance + roles.add(new String(role)); + LOGGER.fine("Rôle converti: '" + role + "' (type: " + role.getClass().getName() + ")"); + } + } + } + return roles; + } + + /** + * Extrait les rôles depuis le token JWT + */ + private List extractRolesFromToken() { + List extractedRoles = new ArrayList<>(); + + // Rôles dans "realm_access.roles" + try { + Object realmAccess = jwt.getClaim("realm_access"); + if (realmAccess instanceof java.util.Map) { + @SuppressWarnings("unchecked") + java.util.Map realmMap = (java.util.Map) realmAccess; + Object rolesObj = realmMap.get("roles"); + List realmRoles = extractRolesFromList(rolesObj); + if (!realmRoles.isEmpty()) { + extractedRoles.addAll(realmRoles); + LOGGER.info("Rôles extraits depuis realm_access.roles: " + realmRoles); + } + } else if (realmAccess instanceof List) { + // Fallback: si realm_access est directement une liste de rôles + List realmRoles = extractRolesFromList(realmAccess); + if (!realmRoles.isEmpty()) { + extractedRoles.addAll(realmRoles); + LOGGER.info("Rôles extraits depuis realm_access (liste): " + realmRoles); + } + } + } catch (Exception e) { + LOGGER.warning("Erreur lors de l'extraction des rôles realm: " + e.getMessage()); + } + + // Rôles dans "resource_access" + try { + Object resourceAccess = jwt.getClaim("resource_access"); + if (resourceAccess instanceof java.util.Map) { + @SuppressWarnings("unchecked") + java.util.Map resourceMap = (java.util.Map) resourceAccess; + for (Object value : resourceMap.values()) { + if (value instanceof java.util.Map) { + @SuppressWarnings("unchecked") + java.util.Map clientMap = (java.util.Map) value; + Object rolesObj = clientMap.get("roles"); + List clientRoles = extractRolesFromList(rolesObj); + if (!clientRoles.isEmpty()) { + extractedRoles.addAll(clientRoles); + LOGGER.info("Rôles extraits depuis resource_access: " + clientRoles); + } + } + } + } + } catch (Exception e) { + LOGGER.warning("Erreur lors de l'extraction des rôles client: " + e.getMessage()); + } + + // Fallback: essayer d'extraire les rôles depuis le claim "roles" directement + if (extractedRoles.isEmpty()) { + try { + Object rolesClaim = jwt.getClaim("roles"); + List directRoles = extractRolesFromList(rolesClaim); + if (!directRoles.isEmpty()) { + extractedRoles.addAll(directRoles); + LOGGER.info("Rôles extraits depuis claim 'roles': " + directRoles); + } + } catch (Exception e) { + LOGGER.warning("Erreur lors de l'extraction des rôles depuis claim 'roles': " + e.getMessage()); + } + } + + LOGGER.info("Total des rôles extraits: " + extractedRoles); + return extractedRoles; + } + + /** + * Détermine le type de compte depuis les rôles + */ + private String determineTypeCompte() { + // Utiliser this.roles pour s'assurer qu'on utilise la bonne variable d'instance + List rolesToCheck = this.roles; + + if (rolesToCheck == null || rolesToCheck.isEmpty()) { + LOGGER.warning("Aucun rôle trouvé, type de compte par défaut: MEMBRE"); + return "MEMBRE"; + } + + LOGGER.info("Détermination du type de compte depuis les rôles: " + rolesToCheck); + LOGGER.info("Nombre de rôles: " + rolesToCheck.size()); + + // Vérifier le type des éléments de la liste + if (!rolesToCheck.isEmpty()) { + Object firstRole = rolesToCheck.get(0); + LOGGER.info("Type du premier rôle: " + (firstRole != null ? firstRole.getClass().getName() : "null")); + LOGGER.info("Premier rôle (toString): '" + firstRole + "'"); + LOGGER.info("Premier rôle (length): " + (firstRole != null ? firstRole.toString().length() : 0)); + // Vérifier les caractères du premier rôle + if (firstRole != null) { + String firstRoleStr = firstRole.toString(); + LOGGER.info("Premier rôle (bytes): " + java.util.Arrays.toString(firstRoleStr.getBytes())); + } + } + + // Vérifier SUPER_ADMIN en parcourant la liste (plus robuste que contains) + for (String role : rolesToCheck) { + if (role != null) { + // Nettoyer la chaîne : retirer les guillemets et espaces + String roleStr = role.toString().trim(); + // Retirer les guillemets simples et doubles au début et à la fin + if (roleStr.startsWith("'") && roleStr.endsWith("'")) { + roleStr = roleStr.substring(1, roleStr.length() - 1); + } + if (roleStr.startsWith("\"") && roleStr.endsWith("\"")) { + roleStr = roleStr.substring(1, roleStr.length() - 1); + } + roleStr = roleStr.trim(); + + LOGGER.info("Vérification du rôle: '" + roleStr + "' (longueur: " + roleStr.length() + ", original: '" + role + "')"); + if ("SUPER_ADMIN".equals(roleStr) || "super-admin".equalsIgnoreCase(roleStr)) { + LOGGER.info("✅ Type de compte détecté: SUPER_ADMIN (rôle trouvé: '" + roleStr + "')"); + return "SUPER_ADMIN"; + } + } + } + + // Fallback: utiliser contains() pour compatibilité + boolean hasSuperAdmin = rolesToCheck.contains("SUPER_ADMIN"); + boolean hasSuperAdminLower = rolesToCheck.contains("super-admin"); + LOGGER.info("Contient 'SUPER_ADMIN' (contains): " + hasSuperAdmin); + LOGGER.info("Contient 'super-admin' (contains): " + hasSuperAdminLower); + + if (hasSuperAdmin || hasSuperAdminLower) { + LOGGER.info("✅ Type de compte détecté: SUPER_ADMIN (via contains)"); + return "SUPER_ADMIN"; + } + + // Vérifier ADMIN_ENTITE (mais pas si c'est juste "ADMIN" qui pourrait être ambigu) + if (rolesToCheck.contains("ADMIN_ENTITE")) { + LOGGER.info("Type de compte détecté: ADMIN_ENTITE"); + return "ADMIN_ENTITE"; + } + + // Vérifier les autres rôles admin (avec précaution pour éviter les faux positifs) + for (String role : rolesToCheck) { + if (role != null && (role.equals("ADMIN") || role.equalsIgnoreCase("admin"))) { + LOGGER.info("Type de compte détecté: ADMIN_ENTITE (via rôle ADMIN)"); + return "ADMIN_ENTITE"; + } + } + + LOGGER.warning("Aucun rôle admin trouvé, type de compte par défaut: MEMBRE"); + return "MEMBRE"; + } + + public void clearSession() { + this.authenticated = false; + this.username = null; + this.typeCompte = null; + this.roles = null; + this.permissions = null; + this.currentUser = null; + this.entite = null; + + LOGGER.info("Session utilisateur effacée"); + } + + // Méthodes de vérification des rôles et permissions + public boolean hasRole(String role) { + return roles != null && roles.contains(role); + } + + public boolean hasPermission(String permission) { + return permissions != null && permissions.contains(permission); + } + + public boolean isSuperAdmin() { + return "SUPER_ADMIN".equals(typeCompte) || hasRole("SUPER_ADMIN"); + } + + public boolean isAdmin() { + return isSuperAdmin() || "ADMIN_ENTITE".equals(typeCompte) || hasRole("ADMIN_ENTITE"); + } + + public boolean isMembre() { + return "MEMBRE".equals(typeCompte) || hasRole("MEMBRE"); + } + + // Méthode pour obtenir le rôle principal + public String getRole() { + if (isSuperAdmin()) { + return "SUPER_ADMIN"; + } + if (isAdmin()) { + return "ADMIN"; + } + if (typeCompte != null) { + return typeCompte; + } + if (roles != null && !roles.isEmpty()) { + return roles.get(0); + } + return "MEMBER"; + } + + // Getters et Setters + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + + public boolean isAuthenticated() { + // Vérifier via JsonWebToken + if (jwt != null && jwt.getName() != null && !authenticated) { + initializeFromOidcToken(); + } + return authenticated || (jwt != null && jwt.getName() != null); + } + + public void setAuthenticated(boolean authenticated) { + this.authenticated = authenticated; + } + + public String getTypeCompte() { + // Si le type de compte n'est pas encore déterminé, l'initialiser + if (typeCompte == null && jwt != null && jwt.getName() != null) { + LOGGER.info("getTypeCompte() appelé avant initialisation, initialisation en cours..."); + initializeFromOidcToken(); + } + return typeCompte; + } + + public void setTypeCompte(String typeCompte) { + this.typeCompte = typeCompte; + } + + public List getRoles() { + return roles; + } + + public void setRoles(List roles) { + this.roles = roles; + } + + public List getPermissions() { + return permissions; + } + + public void setPermissions(List permissions) { + this.permissions = permissions; + } + + public CurrentUser getCurrentUser() { + return currentUser; + } + + public void setCurrentUser(CurrentUser currentUser) { + this.currentUser = currentUser; + } + + public EntiteInfo getEntite() { + return entite; + } + + public void setEntite(EntiteInfo entite) { + this.entite = entite; + } + + // Classes internes + public static class CurrentUser implements Serializable { + private UUID id; + private String nom; + private String prenom; + private String email; + private String username; + + public String getNomComplet() { + if (prenom != null && nom != null) { + return prenom + " " + nom; + } + return nom != null ? nom : username; + } + + public String getInitiales() { + StringBuilder initiales = new StringBuilder(); + if (prenom != null && !prenom.isEmpty()) { + initiales.append(prenom.charAt(0)); + } + if (nom != null && !nom.isEmpty()) { + initiales.append(nom.charAt(0)); + } + return initiales.toString().toUpperCase(); + } + + // Getters et Setters + public UUID getId() { + return id; + } + + public void setId(UUID id) { + this.id = id; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getPrenom() { + return prenom; + } + + public void setPrenom(String prenom) { + this.prenom = prenom; + } + + public String getEmail() { + return email; + } + + public void setEmail(String email) { + this.email = email; + } + + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + } + + public static class EntiteInfo implements Serializable { + private UUID id; + private String nom; + private String type; + private String pays; + private String ville; + + public String getDescription() { + StringBuilder desc = new StringBuilder(); + if (nom != null) { + desc.append(nom); + } + if (ville != null && pays != null) { + desc.append(" (").append(ville).append(", ").append(pays).append(")"); + } + return desc.toString(); + } + + // Getters et Setters + public UUID getId() { + return id; + } + + public void setId(UUID id) { + this.id = id; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getType() { + return type; + } + + public void setType(String type) { + this.type = type; + } + + public String getPays() { + return pays; + } + + public void setPays(String pays) { + this.pays = pays; + } + + public String getVille() { + return ville; + } + + public void setVille(String ville) { + this.ville = ville; + } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/UtilisateursBean.java b/src/main/java/dev/lions/unionflow/client/view/UtilisateursBean.java new file mode 100644 index 0000000..07da9cb --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/UtilisateursBean.java @@ -0,0 +1,399 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.AssociationDTO; +import dev.lions.unionflow.client.service.AssociationService; +import jakarta.enterprise.context.SessionScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import jakarta.annotation.PostConstruct; +import org.eclipse.microprofile.rest.client.inject.RestClient; +import java.io.Serializable; +import java.time.LocalDateTime; +import java.time.format.DateTimeFormatter; +import java.time.temporal.ChronoUnit; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.stream.Collectors; +import java.util.logging.Logger; + +@Named("utilisateursBean") +@SessionScoped +public class UtilisateursBean implements Serializable { + + private static final long serialVersionUID = 1L; + private static final Logger LOGGER = Logger.getLogger(UtilisateursBean.class.getName()); + + @Inject + @RestClient + private AssociationService associationService; + + private List tousLesUtilisateurs; + private List utilisateursFiltres; + private List utilisateursSelectionnes; + private List organisationsDisponibles; + + private Utilisateur utilisateurSelectionne; + private NouvelUtilisateur nouvelUtilisateur; + private Filtres filtres; + private StatistiquesUtilisateurs statistiques; + + @PostConstruct + public void init() { + initializeFiltres(); + initializeOrganisations(); + initializeUtilisateurs(); + initializeStatistiques(); + initializeNouvelUtilisateur(); + appliquerFiltres(); + } + + private void initializeFiltres() { + filtres = new Filtres(); + utilisateursSelectionnes = new ArrayList<>(); + } + + private void initializeStatistiques() { + statistiques = new StatistiquesUtilisateurs(); + // Les statistiques seront calculées depuis l'API backend quand elle sera disponible + statistiques.setTotalUtilisateurs(tousLesUtilisateurs != null ? tousLesUtilisateurs.size() : 0); + statistiques.setUtilisateursConnectes(0); + statistiques.setAdministrateurs(0); + statistiques.setUtilisateursDesactives(0); + } + + private void initializeOrganisations() { + organisationsDisponibles = new ArrayList<>(); + try { + List associations = associationService.listerToutes(0, 1000); + for (AssociationDTO assoc : associations) { + Organisation org = new Organisation(); + org.setId(assoc.getId()); + org.setNom(assoc.getNom()); + organisationsDisponibles.add(org); + } + } catch (Exception e) { + LOGGER.severe("Erreur lors du chargement des organisations: " + e.getMessage()); + } + } + + private void initializeUtilisateurs() { + tousLesUtilisateurs = new ArrayList<>(); + // Les utilisateurs seront chargés depuis l'API backend quand elle sera disponible + // Pour l'instant, retourner une liste vide + LOGGER.info("Initialisation des utilisateurs - API backend non disponible"); + } + + private void initializeNouvelUtilisateur() { + nouvelUtilisateur = new NouvelUtilisateur(); + nouvelUtilisateur.setRole("USER"); + nouvelUtilisateur.setEnvoyerEmail(true); + } + + private void appliquerFiltres() { + utilisateursFiltres = tousLesUtilisateurs.stream() + .filter(this::appliquerFiltre) + .collect(Collectors.toList()); + } + + private boolean appliquerFiltre(Utilisateur utilisateur) { + if (filtres.getRecherche() != null && !filtres.getRecherche().trim().isEmpty()) { + String recherche = filtres.getRecherche().toLowerCase(); + if (!utilisateur.getNomComplet().toLowerCase().contains(recherche) && + !utilisateur.getEmail().toLowerCase().contains(recherche)) { + return false; + } + } + + if (filtres.getRole() != null && !filtres.getRole().trim().isEmpty()) { + if (!utilisateur.getRole().equals(filtres.getRole())) { + return false; + } + } + + if (filtres.getStatut() != null && !filtres.getStatut().trim().isEmpty()) { + if (!utilisateur.getStatut().equals(filtres.getStatut())) { + return false; + } + } + + if (filtres.getOrganisation() != null && !filtres.getOrganisation().toString().trim().isEmpty()) { + if (!utilisateur.getOrganisationId().equals(filtres.getOrganisation())) { + return false; + } + } + + return true; + } + + // Actions + public void rechercher() { + appliquerFiltres(); + } + + public void reinitialiserFiltres() { + filtres = new Filtres(); + appliquerFiltres(); + } + + public void creerUtilisateur() { + // À implémenter quand l'API backend sera disponible + LOGGER.info("Création d'utilisateur - API backend non disponible"); + initializeNouvelUtilisateur(); + } + + public void activerUtilisateur(Utilisateur utilisateur) { + // À implémenter quand l'API backend sera disponible + LOGGER.info("Activation d'utilisateur - API backend non disponible"); + appliquerFiltres(); + } + + public void desactiverUtilisateur(Utilisateur utilisateur) { + // À implémenter quand l'API backend sera disponible + LOGGER.info("Désactivation d'utilisateur - API backend non disponible"); + appliquerFiltres(); + } + + public void exporterUtilisateurs() { + // À implémenter quand l'API backend sera disponible + LOGGER.info("Export d'utilisateurs - API backend non disponible"); + } + + // Getters et Setters + public List getTousLesUtilisateurs() { return tousLesUtilisateurs; } + public void setTousLesUtilisateurs(List tousLesUtilisateurs) { this.tousLesUtilisateurs = tousLesUtilisateurs; } + + public List getUtilisateursFiltres() { return utilisateursFiltres; } + public void setUtilisateursFiltres(List utilisateursFiltres) { this.utilisateursFiltres = utilisateursFiltres; } + + public List getUtilisateursSelectionnes() { return utilisateursSelectionnes; } + public void setUtilisateursSelectionnes(List utilisateursSelectionnes) { this.utilisateursSelectionnes = utilisateursSelectionnes; } + + public List getOrganisationsDisponibles() { return organisationsDisponibles; } + public void setOrganisationsDisponibles(List organisationsDisponibles) { this.organisationsDisponibles = organisationsDisponibles; } + + public Utilisateur getUtilisateurSelectionne() { return utilisateurSelectionne; } + public void setUtilisateurSelectionne(Utilisateur utilisateurSelectionne) { this.utilisateurSelectionne = utilisateurSelectionne; } + + public NouvelUtilisateur getNouvelUtilisateur() { return nouvelUtilisateur; } + public void setNouvelUtilisateur(NouvelUtilisateur nouvelUtilisateur) { this.nouvelUtilisateur = nouvelUtilisateur; } + + public Filtres getFiltres() { return filtres; } + public void setFiltres(Filtres filtres) { this.filtres = filtres; } + + public StatistiquesUtilisateurs getStatistiques() { return statistiques; } + public void setStatistiques(StatistiquesUtilisateurs statistiques) { this.statistiques = statistiques; } + + // Classes internes + public static class Utilisateur { + private UUID id; + private String nom; + private String prenom; + private String email; + private String telephone; + private String role; + private String statut; + private UUID organisationId; + private LocalDateTime dateCreation; + private LocalDateTime derniereConnexion; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public UUID getOrganisationId() { return organisationId; } + public void setOrganisationId(UUID organisationId) { this.organisationId = organisationId; } + + public LocalDateTime getDateCreation() { return dateCreation; } + public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; } + + public LocalDateTime getDerniereConnexion() { return derniereConnexion; } + public void setDerniereConnexion(LocalDateTime derniereConnexion) { this.derniereConnexion = derniereConnexion; } + + // Propriétés dérivées + public String getNomComplet() { + return prenom + " " + nom; + } + + public String getRoleLibelle() { + return switch (role) { + case "USER" -> "Utilisateur"; + case "GESTIONNAIRE" -> "Gestionnaire"; + case "ADMIN" -> "Administrateur"; + case "SUPER_ADMIN" -> "Super Admin"; + default -> role; + }; + } + + public String getRoleSeverity() { + return switch (role) { + case "USER" -> "info"; + case "GESTIONNAIRE" -> "primary"; + case "ADMIN" -> "warning"; + case "SUPER_ADMIN" -> "danger"; + default -> "secondary"; + }; + } + + public String getStatutLibelle() { + return switch (statut) { + case "ACTIF" -> "Actif"; + case "INACTIF" -> "Inactif"; + case "SUSPENDU" -> "Suspendu"; + case "ATTENTE" -> "En attente"; + default -> statut; + }; + } + + public String getStatutSeverity() { + return switch (statut) { + case "ACTIF" -> "success"; + case "INACTIF" -> "secondary"; + case "SUSPENDU" -> "danger"; + case "ATTENTE" -> "warning"; + default -> "secondary"; + }; + } + + public String getOrganisationNom() { + // Simulation - en réalité, on ferait un lookup dans la base + if (organisationId == null) return "Non définie"; + String orgIdStr = organisationId.toString(); + if (orgIdStr.contains("000000000100")) return "Direction Générale"; + if (orgIdStr.contains("000000000200")) return "Services Financiers"; + if (orgIdStr.contains("000000000300")) return "Ressources Humaines"; + if (orgIdStr.contains("000000000400")) return "Communication"; + return "Non définie"; + } + + public String getDateCreationFormatee() { + if (dateCreation == null) return ""; + return dateCreation.format(DateTimeFormatter.ofPattern("dd/MM/yyyy")); + } + + public String getDerniereConnexionFormatee() { + if (derniereConnexion == null) return "Jamais"; + return derniereConnexion.format(DateTimeFormatter.ofPattern("dd/MM/yyyy HH:mm")); + } + + public String getDerniereConnexionRelative() { + if (derniereConnexion == null) return "Jamais connecté"; + long jours = ChronoUnit.DAYS.between(derniereConnexion, LocalDateTime.now()); + if (jours == 0) return "Aujourd'hui"; + if (jours == 1) return "Hier"; + if (jours < 7) return "Il y a " + jours + " jours"; + if (jours < 30) return "Il y a " + (jours / 7) + " semaine(s)"; + return "Il y a " + (jours / 30) + " mois"; + } + } + + public static class NouvelUtilisateur { + private String nom; + private String prenom; + private String email; + private String telephone; + private String role; + private UUID organisationId; + private String motDePasse; + private boolean envoyerEmail; + + // Getters et setters + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + + public String getPrenom() { return prenom; } + public void setPrenom(String prenom) { this.prenom = prenom; } + + public String getEmail() { return email; } + public void setEmail(String email) { this.email = email; } + + public String getTelephone() { return telephone; } + public void setTelephone(String telephone) { this.telephone = telephone; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public UUID getOrganisationId() { return organisationId; } + public void setOrganisationId(UUID organisationId) { this.organisationId = organisationId; } + + public String getMotDePasse() { return motDePasse; } + public void setMotDePasse(String motDePasse) { this.motDePasse = motDePasse; } + + public boolean isEnvoyerEmail() { return envoyerEmail; } + public void setEnvoyerEmail(boolean envoyerEmail) { this.envoyerEmail = envoyerEmail; } + } + + public static class Filtres { + private String recherche; + private String role; + private String statut; + private String connexion; + private UUID organisation; + + // Getters et setters + public String getRecherche() { return recherche; } + public void setRecherche(String recherche) { this.recherche = recherche; } + + public String getRole() { return role; } + public void setRole(String role) { this.role = role; } + + public String getStatut() { return statut; } + public void setStatut(String statut) { this.statut = statut; } + + public String getConnexion() { return connexion; } + public void setConnexion(String connexion) { this.connexion = connexion; } + + public UUID getOrganisation() { return organisation; } + public void setOrganisation(UUID organisation) { this.organisation = organisation; } + } + + public static class StatistiquesUtilisateurs { + private int totalUtilisateurs; + private int utilisateursConnectes; + private int administrateurs; + private int utilisateursDesactives; + + // Getters et setters + public int getTotalUtilisateurs() { return totalUtilisateurs; } + public void setTotalUtilisateurs(int totalUtilisateurs) { this.totalUtilisateurs = totalUtilisateurs; } + + public int getUtilisateursConnectes() { return utilisateursConnectes; } + public void setUtilisateursConnectes(int utilisateursConnectes) { this.utilisateursConnectes = utilisateursConnectes; } + + public int getAdministrateurs() { return administrateurs; } + public void setAdministrateurs(int administrateurs) { this.administrateurs = administrateurs; } + + public int getUtilisateursDesactives() { return utilisateursDesactives; } + public void setUtilisateursDesactives(int utilisateursDesactives) { this.utilisateursDesactives = utilisateursDesactives; } + } + + public static class Organisation { + private UUID id; + private String nom; + + // Getters et setters + public UUID getId() { return id; } + public void setId(UUID id) { this.id = id; } + + public String getNom() { return nom; } + public void setNom(String nom) { this.nom = nom; } + } +} \ No newline at end of file diff --git a/src/main/java/dev/lions/unionflow/client/view/WaveBean.java b/src/main/java/dev/lions/unionflow/client/view/WaveBean.java new file mode 100644 index 0000000..7bd3622 --- /dev/null +++ b/src/main/java/dev/lions/unionflow/client/view/WaveBean.java @@ -0,0 +1,279 @@ +package dev.lions.unionflow.client.view; + +import dev.lions.unionflow.client.dto.WaveBalanceDTO; +import dev.lions.unionflow.client.dto.WaveCheckoutSessionDTO; +import dev.lions.unionflow.client.service.WaveService; +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.faces.view.ViewScoped; +import jakarta.inject.Inject; +import jakarta.inject.Named; +import java.io.Serializable; +import java.math.BigDecimal; +import java.util.HashMap; +import java.util.Map; +import java.util.UUID; +import org.jboss.logging.Logger; + +/** + * Bean JSF pour la gestion des paiements Wave Money + * + * @author UnionFlow Team + * @version 1.0 + * @since 2025-01-17 + */ +@Named +@ViewScoped +public class WaveBean implements Serializable { + + private static final Logger LOGGER = Logger.getLogger(WaveBean.class); + private static final long serialVersionUID = 1L; + + @Inject @org.eclipse.microprofile.rest.client.inject.RestClient WaveService waveService; + + // Session de paiement en cours + private WaveCheckoutSessionDTO sessionEnCours; + private WaveBalanceDTO solde; + + // Données pour créer une session + private BigDecimal montantPaiement; + private String devisePaiement = "XOF"; + private String descriptionPaiement; + private String typePaiement = "COTISATION"; + private UUID organisationId; + private UUID membreId; + private String referenceUnionFlow; + + // Résultat du test de connexion + private Map resultatTest; + + @PostConstruct + public void init() { + LOGGER.info("Initialisation de WaveBean"); + chargerSolde(); + } + + /** + * Crée une session de paiement Wave + */ + public void creerSessionPaiement() { + try { + LOGGER.infof("Création d'une session Wave: montant=%s", montantPaiement); + + if (montantPaiement == null || montantPaiement.compareTo(BigDecimal.ZERO) <= 0) { + ajouterMessage( + FacesMessage.SEVERITY_ERROR, "Erreur", "Le montant doit être supérieur à zéro"); + return; + } + + // Construire les URLs de redirection + String baseUrl = FacesContext.getCurrentInstance().getExternalContext().getRequestContextPath(); + String successUrl = baseUrl + "/pages/secure/wave/success.xhtml"; + String errorUrl = baseUrl + "/pages/secure/wave/error.xhtml"; + + sessionEnCours = + waveService.creerSessionPaiement( + montantPaiement, + devisePaiement, + successUrl, + errorUrl, + referenceUnionFlow, + descriptionPaiement, + organisationId, + membreId); + + LOGGER.infof("Session créée: %s", sessionEnCours != null ? sessionEnCours.getWaveSessionId() : "null"); + ajouterMessage( + FacesMessage.SEVERITY_INFO, + "Succès", + "Session de paiement créée avec succès. Redirection vers Wave..."); + + // Rediriger vers l'URL Wave + if (sessionEnCours != null && sessionEnCours.getWaveUrl() != null) { + FacesContext.getCurrentInstance() + .getExternalContext() + .redirect(sessionEnCours.getWaveUrl()); + } + + } catch (Exception e) { + LOGGER.errorf(e, "Erreur lors de la création de la session: %s", e.getMessage()); + ajouterMessage( + FacesMessage.SEVERITY_ERROR, + "Erreur", + "Erreur lors de la création de la session: " + e.getMessage()); + } + } + + /** + * Vérifie le statut d'une session + */ + public void verifierStatutSession(String sessionId) { + try { + LOGGER.infof("Vérification du statut de la session: %s", sessionId); + sessionEnCours = waveService.verifierStatutSession(sessionId); + + } catch (Exception e) { + LOGGER.errorf(e, "Erreur lors de la vérification du statut: %s", e.getMessage()); + ajouterMessage( + FacesMessage.SEVERITY_ERROR, + "Erreur", + "Erreur lors de la vérification du statut: " + e.getMessage()); + } + } + + /** + * Charge le solde Wave + */ + public void chargerSolde() { + try { + LOGGER.info("Chargement du solde Wave"); + solde = waveService.consulterSolde(); + + } catch (Exception e) { + LOGGER.errorf(e, "Erreur lors du chargement du solde: %s", e.getMessage()); + // Ne pas afficher d'erreur si Wave n'est pas configuré + solde = null; + } + } + + /** + * Teste la connexion à l'API Wave + */ + public void testerConnexion() { + try { + LOGGER.info("Test de connexion à l'API Wave"); + resultatTest = waveService.testerConnexion(); + + if (resultatTest != null && "OK".equals(resultatTest.get("statut"))) { + ajouterMessage( + FacesMessage.SEVERITY_INFO, + "Succès", + "Connexion à l'API Wave réussie: " + resultatTest.get("message")); + } else { + ajouterMessage( + FacesMessage.SEVERITY_WARN, + "Attention", + resultatTest != null + ? resultatTest.get("message").toString() + : "Erreur lors du test de connexion"); + } + + } catch (Exception e) { + LOGGER.errorf(e, "Erreur lors du test de connexion: %s", e.getMessage()); + ajouterMessage( + FacesMessage.SEVERITY_ERROR, + "Erreur", + "Erreur lors du test de connexion: " + e.getMessage()); + } + } + + /** + * Réinitialise les données du formulaire + */ + public void reinitialiserFormulaire() { + montantPaiement = null; + devisePaiement = "XOF"; + descriptionPaiement = null; + typePaiement = "COTISATION"; + referenceUnionFlow = null; + sessionEnCours = null; + } + + // Méthodes utilitaires + + private void ajouterMessage( + jakarta.faces.application.FacesMessage.Severity severity, String resume, String detail) { + FacesContext.getCurrentInstance() + .addMessage(null, new FacesMessage(severity, resume, detail)); + } + + /** + * Vérifie si Wave est disponible + */ + public boolean isWaveDisponible() { + return solde != null && solde.isWalletActif(); + } + + // Getters et Setters + public WaveCheckoutSessionDTO getSessionEnCours() { + return sessionEnCours; + } + + public void setSessionEnCours(WaveCheckoutSessionDTO sessionEnCours) { + this.sessionEnCours = sessionEnCours; + } + + public WaveBalanceDTO getSolde() { + return solde; + } + + public void setSolde(WaveBalanceDTO solde) { + this.solde = solde; + } + + public BigDecimal getMontantPaiement() { + return montantPaiement; + } + + public void setMontantPaiement(BigDecimal montantPaiement) { + this.montantPaiement = montantPaiement; + } + + public String getDevisePaiement() { + return devisePaiement; + } + + public void setDevisePaiement(String devisePaiement) { + this.devisePaiement = devisePaiement; + } + + public String getDescriptionPaiement() { + return descriptionPaiement; + } + + public void setDescriptionPaiement(String descriptionPaiement) { + this.descriptionPaiement = descriptionPaiement; + } + + public String getTypePaiement() { + return typePaiement; + } + + public void setTypePaiement(String typePaiement) { + this.typePaiement = typePaiement; + } + + public UUID getOrganisationId() { + return organisationId; + } + + public void setOrganisationId(UUID organisationId) { + this.organisationId = organisationId; + } + + public UUID getMembreId() { + return membreId; + } + + public void setMembreId(UUID membreId) { + this.membreId = membreId; + } + + public String getReferenceUnionFlow() { + return referenceUnionFlow; + } + + public void setReferenceUnionFlow(String referenceUnionFlow) { + this.referenceUnionFlow = referenceUnionFlow; + } + + public Map getResultatTest() { + return resultatTest; + } + + public void setResultatTest(Map resultatTest) { + this.resultatTest = resultatTest; + } +} + diff --git a/src/main/resources/META-INF/faces-config.xml b/src/main/resources/META-INF/faces-config.xml new file mode 100644 index 0000000..15a0ab6 --- /dev/null +++ b/src/main/resources/META-INF/faces-config.xml @@ -0,0 +1,653 @@ + + + + UnionFlow + + + + omnifaces + + + + + + dev.lions.unionflow.client.exception.ViewExpiredExceptionHandlerFactory + + + + + + fr + fr + en + + + + + * + + + + Page d'accueil / Dashboard + dashboardPage + /pages/secure/dashboard.xhtml + + + + + + Page de liste des membres + membreListPage + /pages/secure/membre/liste.xhtml + + + + + Page d'inscription de membre + membreInscriptionPage + /pages/secure/membre/inscription.xhtml + + + + + Page de profil de membre + membreProfilPage + /pages/secure/membre/profil.xhtml + + + + + Page de recherche de membre + membreRecherchePage + /pages/secure/membre/recherche.xhtml + + + + + Page de modification de membre + membreModifierPage + /pages/secure/membre/inscription.xhtml + + + + + Page de cotisations d'un membre + membreCotisationsPage + /pages/secure/membre/cotisations.xhtml + + + + + + Page de liste des organisations + organisationListPage + /pages/secure/organisation/liste.xhtml + + + + + Page de création d'organisation + organisationNouvellePage + /pages/secure/organisation/nouvelle.xhtml + + + + + Page de détail d'organisation + organisationDetailPage + /pages/secure/organisation/detail.xhtml + + + + + + Page de gestion des événements + evenementGestionPage + /pages/secure/evenement/gestion.xhtml + + + + + Page de création d'événement + evenementCreationPage + /pages/secure/evenement/creation.xhtml + + + + + Page de planification d'événement + evenementPlanificationPage + /pages/secure/evenement/planification.xhtml + + + + + Page de logistique d'événement + evenementLogistiquePage + /pages/secure/evenement/logistique.xhtml + + + + + Page de bilan d'événement + evenementBilanPage + /pages/secure/evenement/bilan.xhtml + + + + + Page de réservations d'événement + evenementReservationsPage + /pages/secure/evenement/reservations.xhtml + + + + + Page de calendrier d'événements + evenementCalendrierPage + /pages/secure/evenement/calendrier.xhtml + + + + + Page de participants d'événement + evenementParticipantsPage + /pages/secure/evenement/participants.xhtml + + + + + Page de participation à un événement + evenementParticipationPage + /pages/secure/evenement/participation.xhtml + + + + + + Page de collecte de cotisations + cotisationCollectPage + /pages/secure/cotisation/collect.xhtml + + + + + Page de paiement de cotisation + cotisationPaiementPage + /pages/secure/cotisation/paiement.xhtml + + + + + Page d'historique des cotisations + cotisationHistoriquePage + /pages/secure/cotisation/historique.xhtml + + + + + Page de rappels de cotisations + cotisationRelancesPage + /pages/secure/cotisation/relances.xhtml + + + + + Page de rapports de cotisations + cotisationRapportsPage + /pages/secure/cotisation/rapports.xhtml + + + + + + Page de liste des adhésions + adhesionListPage + /pages/secure/adhesion/liste.xhtml + + + + + Page de nouvelle adhésion + adhesionNouvellePage + /pages/secure/adhesion/new.xhtml + + + + + Page de demande d'adhésion + adhesionDemandePage + /pages/secure/adhesion/demande.xhtml + + + + + Page de validation d'adhésion + adhesionValidationPage + /pages/secure/adhesion/validation.xhtml + + + + + Page de paiement d'adhésion + adhesionPaiementPage + /pages/secure/adhesion/paiement.xhtml + + + + + Page de renouvellement d'adhésion + adhesionRenouvellementPage + /pages/secure/adhesion/renouvellement.xhtml + + + + + Page d'historique des adhésions + adhesionHistoriquePage + /pages/secure/adhesion/history.xhtml + + + + + Page d'adhésions en attente + adhesionPendingPage + /pages/secure/adhesion/pending.xhtml + + + + + + Page de demande d'aide + aideDemandePage + /pages/secure/aide/demande.xhtml + + + + + Page de traitement des demandes d'aide + aideTraitementPage + /pages/secure/aide/traitement.xhtml + + + + + Page d'historique des demandes d'aide + aideHistoriquePage + /pages/secure/aide/historique.xhtml + + + + + Page de FAQ + aideFaqPage + /pages/secure/aide/faq.xhtml + + + + + Page de documentation + aideDocumentationPage + /pages/secure/aide/documentation.xhtml + + + + + Page de guide + aideGuidePage + /pages/secure/aide/guide.xhtml + + + + + Page de tutoriels + aideTutorielsPage + /pages/secure/aide/tutoriels.xhtml + + + + + Page de support + aideSupportPage + /pages/secure/aide/support.xhtml + + + + + Page de tickets + aideTicketsPage + /pages/secure/aide/tickets.xhtml + + + + + Page de statistiques d'aide + aideStatistiquesPage + /pages/secure/aide/statistiques.xhtml + + + + + + Page de rapports de membres + rapportMembresPage + /pages/secure/rapport/membres.xhtml + + + + + Page de rapports financiers + rapportFinancesPage + /pages/secure/rapport/finances.xhtml + + + + + Page de rapports d'activités + rapportActivitesPage + /pages/secure/rapport/activites.xhtml + + + + + Page d'export de rapports + rapportExportPage + /pages/secure/rapport/export.xhtml + + + + + Page de détails d'un rapport + rapportDetailsPage + /pages/secure/rapport/details.xhtml + + + + + + Page de profil personnel + personnelProfilPage + /pages/secure/personnel/profil.xhtml + + + + + Page de notifications personnelles + personnelNotificationsPage + /pages/secure/personnel/notifications.xhtml + + + + + Page de documents personnels + personnelDocumentsPage + /pages/secure/personnel/documents.xhtml + + + + + Page d'agenda personnel + personnelAgendaPage + /pages/secure/personnel/agenda.xhtml + + + + + Page d'activités personnelles + personnelActivitesPage + /pages/secure/personnel/activites.xhtml + + + + + Page de favoris personnels + personnelFavorisPage + /pages/secure/personnel/favoris.xhtml + + + + + Page de paramètres personnels + personnelParametresPage + /pages/secure/personnel/parametres.xhtml + + + + + Page de préférences personnelles + personnelPreferencesPage + /pages/secure/personnel/preferences.xhtml + + + + + + Page de gestion des utilisateurs + adminUtilisateursPage + /pages/secure/admin/utilisateurs.xhtml + + + + + Page de gestion des rôles + adminRolesPage + /pages/secure/admin/roles.xhtml + + + + + Page de paramètres d'administration + adminParametresPage + /pages/secure/admin/parametres.xhtml + + + + + Page d'audit + adminAuditPage + /pages/secure/admin/audit.xhtml + + + + + Page de sauvegarde + adminSauvegardePage + /pages/secure/admin/sauvegarde.xhtml + + + + + + Page de dashboard de souscription + souscriptionDashboardPage + /pages/secure/souscription/dashboard.xhtml + + + + + Page d'upgrade de souscription + souscriptionUpgradePage + /pages/secure/souscription/upgrade.xhtml + + + + + Page de changement de plan de souscription + souscriptionChangePlanPage + /pages/secure/souscription/change-plan.xhtml + + + + + Page de renouvellement de souscription + souscriptionRenewPage + /pages/secure/souscription/renew.xhtml + + + + + + Page de logs système (Super Admin) + superAdminLogsPage + /pages/super-admin/logs.xhtml + + + + + Page de création d'entité (Super Admin) + entiteNouvellePage + /pages/super-admin/entites/nouvelle.xhtml + + + + + Page de gestion des entités (Super Admin) + entiteGestionPage + /pages/super-admin/entites/gestion.xhtml + + + + + Page de rapports (Super Admin) + superAdminRapportsPage + /pages/super-admin/rapports.xhtml + + + + + Page de configuration (Super Admin) + superAdminConfigurationPage + /pages/super-admin/configuration.xhtml + + + + + Page d'alertes (Super Admin) + superAdminAlertesPage + /pages/super-admin/alertes.xhtml + + + + + Page d'activité (Super Admin) + superAdminActivitePage + /pages/super-admin/activite.xhtml + + + + + Page de détails d'entité + entiteDetailsPage + /pages/super-admin/entites/details.xhtml + + + + + Page de gestion des membres (Admin) + adminMembresGestionPage + /pages/admin/membres/gestion.xhtml + + + + + Page de configuration d'entité + entiteConfigurationPage + /pages/super-admin/entites/configuration.xhtml + + + + + Page de rapports d'entité + entiteRapportsPage + /pages/super-admin/entites/rapports.xhtml + + + + + + Page d'historique des demandes d'aide + demandesHistoriquePage + /pages/admin/demandes/historique.xhtml + + + + + + Page de checkout de souscription + souscriptionCheckoutPage + /pages/secure/souscription/checkout.xhtml + + + + + Page de détails de formulaire + formulaireDetailsPage + /pages/public/formulaires/details.xhtml + + + + + + Page d'historique des versions de documents + documentsVersionsPage + /pages/admin/documents/versions.xhtml + + + + + + Page d'événement (Membre) + membreEvenementPage + /pages/membre/evenement.xhtml + + + + + Page de cotisations (Membre) + membreCotisationsPage + /pages/membre/cotisations.xhtml + + + + + Page d'historique des cotisations (Membre) + membreHistoriqueCotisationsPage + /pages/membre/historique-cotisations.xhtml + + + + + + Page de profil + profilePage + /pages/secure/profile.xhtml + + + + + Page d'accès refusé + accessDeniedPage + /pages/secure/access-denied.xhtml + + + + + Page de statistiques + statsPage + /pages/secure/stats.xhtml + + + + + Page de rapports + reportsPage + /pages/secure/reports.xhtml + + + + + diff --git a/src/main/resources/META-INF/resources/css/layout-dark.css b/src/main/resources/META-INF/resources/css/layout-dark.css new file mode 100644 index 0000000..ca9fac2 --- /dev/null +++ b/src/main/resources/META-INF/resources/css/layout-dark.css @@ -0,0 +1,4257 @@ +/* Add your customizations of the layout variables here */ +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + -webkit-animation-name: modal-in; + animation-name: modal-in; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 24px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #383838; + 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; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 14px; + font-weight: 400; + color: #EAEBEC; + padding: 0; + margin: 0; + min-height: 100%; + background-color: #3E4754; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +body.blocked-scroll { + overflow: auto; +} + +a { + text-decoration: none; + color: #669cee; + color: var(--primary-color); +} + +.ajax-loader { + font-size: 32px; + color: #387fe9; + color: var(--primary-color); +} + +.layout-main { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; + padding-top: 82px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-content { + padding: 30px 36px; + flex: 1 1 auto; +} + +@media (max-width: 991px) { + .layout-content { + padding: 32px 14px; + } +} +.layout-topbar-light .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #303A48; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #FFFFFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #f8fafc; + border: 1px solid #ebedef; + color: #669cee; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #669cee; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #293241; + opacity: 0.5; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: white; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #5d97ed; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #5d97ed; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #EAEBEC; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(56, 127, 233, 0.8); + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #BFC2C6; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #EAEBEC; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #BFC2C6; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #293241; + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.layout-topbar-dark .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #303A48; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #FFFFFF; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #293241; + box-shadow: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #333e51; + border: 1px solid #333e51; + color: #94baf3; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #94baf3; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #E9E9E9; + opacity: 0.5; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: #333e51; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #5d97ed; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #5d97ed; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(56, 127, 233, 0.8); + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #E9E9E9; + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.menu-wrapper { + height: 100%; + position: fixed; + top: 0; + z-index: 999; + left: 0; +} +.menu-wrapper .sidebar-logo { + height: 62px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: center; + align-items: center; + padding: 0 22px; + padding-right: 20px; +} +.menu-wrapper .sidebar-logo .sidebar-pin { + display: none; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; +} +.menu-wrapper .sidebar-logo img { + width: 17px; + height: 20px; + border: 0 none; +} +.menu-wrapper .layout-menu-container { + height: calc(100% - 62px); +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + max-width: 62px; + overflow: hidden; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a { + position: relative; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a::before { + content: ""; + width: 4px; + height: 12px; + display: block; + border-radius: 0px 3px 3px 0px; + position: absolute; + left: 0; +} +.menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + margin-left: 6px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 10px 0; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + font-size: 13px; + padding: 6px 20px; + user-select: none; + cursor: pointer; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > span { + margin: 0 8px; + margin-left: 14px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: hidden; + white-space: nowrap; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i { + font-size: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon i { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: none; + list-style-type: none; + overflow: hidden; + padding: 0; + margin: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > a { + padding: 10px 18px; + margin-left: 0px; + padding-right: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} + +@media (min-width: 992px) { + .layout-wrapper.layout-sidebar .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-sidebar .layout-main { + padding-left: 62px; + } + .layout-wrapper.layout-static .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo { + justify-content: space-between; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo img { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .app-name { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin { + display: inline-block; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; + border: 2px solid var(--primary-light-color); + background-color: #383838; + background-color: var(--primary-lighter-color); + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-static .layout-main { + padding-left: 230px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; + } + + .menu-wrapper.layout-sidebar-active { + transform: translate3d(0px, 0px, 0px); + } + .menu-wrapper.layout-sidebar-active .sidebar-logo { + justify-content: space-between; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo img { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .app-name { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin { + display: inline-block; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; + } + .menu-wrapper.layout-sidebar-active .layout-menu { + max-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li { + min-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li a { + padding-left: 20px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li a { + padding-left: 30px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .menu-wrapper.layout-sidebar-active .layout-menu-container { + overflow: auto; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 62px; + z-index: 1010; + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transform: translate3d(-230px, 0px, 0px); + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper .menu-wrapper .layout-menu-container .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu-container { + overflow: auto; + } + .layout-wrapper.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + display: block; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 0px; + width: 100%; + height: 62px; + position: relative; + } + .layout-wrapper.layout-horizontal .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + height: 100%; + display: flex; + align-items: center; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + max-width: 100%; + overflow: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + margin: 0 9px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a { + margin: 0px; + padding: 10px 5px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a:before { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > span { + margin: 0 8px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i { + font-size: 14px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + list-style-type: none; + top: 44px; + left: 0px; + width: 230px; + position: absolute; + padding: 10px; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 460px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + border: 0 none; + margin: 0; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button-wrapper .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-slim .menu-wrapper { + width: 62px; + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container { + padding: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu { + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + display: none; + padding: 0 0.412px; + position: absolute; + left: 72px; + top: 16px; + line-height: 1; + border-radius: 2px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + padding: 6px 8px; + font-weight: 500; + min-width: 75px; + white-space: nowrap; + text-align: center; + -webkit-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + -moz-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + top: 50%; + left: -4px; + margin-top: -5px; + border-width: 5px 5px 5px 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + padding: 10px 12px 10px 14px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin: 0px; + padding: 6px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + position: relative; + border: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:before { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a span { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + margin-right: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i.layout-submenu-toggler { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .menuitem-badge { + display: none; + margin-left: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip { + display: block; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + position: absolute; + top: 0; + left: 62px; + min-width: 250px; + max-height: 450px; + display: none; + padding: 10px; + overflow: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li { + margin: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + padding: 10px 5px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > span { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-slim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-slim .layout-main { + padding-left: 62px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #293241; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #293241; + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); +} +@media (min-width: 992px) { + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } +} +@media (max-width: 991px) { + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #ffffff; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #ffffff; + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); +} +@media (min-width: 992px) { + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } +} +@media (max-width: 991px) { + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 62px; + height: calc(100% - 62px); + padding: 0; + width: 418px; + overflow: auto; + background-color: #303A48; + transform: translate3d(418px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + padding: 22px 20px 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section { + padding: 16px 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header > h6 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + background-image: url("#{resource['demo:images/rightpanel/asset-weather.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + -moz-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + color: rgba(41, 50, 65, 0.8); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather > img { + height: 60px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info { + margin-left: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h6 { + margin: 0 0 2px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h1 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul { + padding: 0; + margin: 0; + list-style: none; + overflow: auto; + max-height: 320px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li { + padding: 16px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-color: #293241; + margin-bottom: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info h6 { + color: #FFFFFF; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info > span { + display: block; + font-weight: 500; + font-size: 14px; + line-height: 140%; + color: #BFC2C6; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done { + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done .task-info h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; + margin: -7px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + width: 80px; + height: 80px; + background-color: #293241; + margin: 7px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item:hover { + background-color: #3E4754; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + width: 80px; + height: 80px; + margin: 7px; + border: 1px dashed #383838; + color: #383838; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item:hover { + background-color: #3E4754; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section { + margin-top: 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + background-image: linear-gradient(180deg, #303A48 0%, rgba(234, 237, 243, 0) 100%); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + background-color: #293241; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #293241; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 576px) { + .layout-rightpanel { + width: 100%; + transform: translate3d(100%, 0px, 0px); + } +} +.layout-footer { + padding: 30px 36px; +} +.layout-footer .footer-menutitle { + color: #BFC2C6; + font-weight: 600; + font-size: 12px; + line-height: 14px; + min-height: 15px; + display: block; + margin-bottom: 9px; +} +.layout-footer .footer-subtitle { + font-weight: 500; + font-size: 14px; + display: block; + color: #BFC2C6; +} +.layout-footer ul { + padding: 0; + margin: 0; + list-style: none; +} +.layout-footer ul > li { + padding: 7px 0; +} +.layout-footer ul > li > a { + color: #EAEBEC; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer ul > li > a:hover { + color: #BFC2C6; +} +.layout-footer .newsletter-input { + margin-top: 16px; + background-color: #293241; + position: relative; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.layout-footer .newsletter-input > input { + width: 100%; + background-color: transparent; + border: none; + padding: 11px 16px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + font-size: 14px; + line-height: 200%; +} +.layout-footer .newsletter-input > button { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + position: absolute; + right: 6px; + top: 50%; + margin-top: -16px; +} +.layout-footer .newsletter-input > button > span { + display: block; + padding: 0; + width: 100%; + font-weight: 600; + font-size: 14px; +} +.layout-footer .footer-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .footer-bottom h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.layout-footer .footer-bottom h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + background: #293241; + padding: 20px; + box-sizing: border-box; + box-shadow: 0 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 16px; +} +.card .card-header h6 { + margin-bottom: 2px; +} +.card .card-header .subtitle { + font-weight: 600; + color: #BFC2C6; +} +.card .card-subtitle { + color: #BFC2C6; + font-weight: 600; + margin: -1rem 0 1rem 0; +} +.card.no-gutter { + margin-bottom: 0; +} + +.sr-only { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.ui-text-secondary { + color: #BFC2C6; +} + +.layout-wrapper .layout-ajax-loader { + position: absolute; + right: 15px; + bottom: 70px; +} +.layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon { + color: red; + font-size: 32px; +} + +.layout-dashboard .chart { + overflow: auto; + position: relative; +} +.layout-dashboard .mobile-teams { + display: none; +} + +@media (max-width: 1200px) { + .layout-dashboard .desktop-teams { + display: none; + } + .layout-dashboard .mobile-teams { + display: block; + } + .layout-dashboard .mobile-teams .team { + height: 100%; + flex-direction: column; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .layout-dashboard .mobile-teams .team .peoples { + margin: 12px -8px; + } +} +.overview-box { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: 24px; + height: 100%; + min-width: 200px; +} +.overview-box .overview-info > h6 { + margin: 0 0 2px; +} +.overview-box .overview-info > h1 { + margin: 0; +} +.overview-box > i { + font-size: 24px; +} +.overview-box.white { + background: #FFFFFF; + color: rgba(41, 50, 65, 0.8); +} +.overview-box.blue { + background: #69B7FF; + color: #FFFFFF; +} +.overview-box.gray { + background: rgba(41, 50, 65, 0.4); + color: #FFFFFF; +} +.overview-box.darkgray { + background: rgba(41, 50, 65, 0.8); + color: #FFFFFF; +} +.overview-box.orange { + background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%); + color: #FFFFFF; +} + +.timeline { + padding-right: 4px; +} +.timeline > ul { + padding: 0; + margin: 0; + list-style: none; + max-height: 372px; + overflow: auto; + margin-bottom: 1em; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; +} +.timeline > ul > li > i { + font-size: 8px; + margin-right: 10px; + margin-top: 4px; +} +.timeline > ul > li .event-content span { + display: block; + margin-bottom: 4px; + font-weight: 600; + font-size: 12px; + color: #BFC2C6; +} +.timeline > ul > li .event-content span.event-title { + color: #FFFFFF; +} +.timeline > ul > li .event-content span.time { + font-size: 10px; + font-weight: 400; + color: #BFC2C6; +} +.timeline > ul > li.blue > i { + color: #297FFF; +} +.timeline > ul > li.green > i { + color: #34B56F; +} +.timeline > ul > li.orange > i { + color: #FFA928; +} + +.device-status .content { + color: #BFC2C6; + line-height: 1.4; + margin-bottom: 20px; +} +.device-status .progress { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 10px 0; + color: #BFC2C6; +} +.device-status .progress > span { + min-width: 40px; +} +.device-status .progress .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress .ui-progressbar .ui-progressbar-value { + background: rgba(41, 127, 255, 0.2); + background: var(--primary-color); + opacity: 0.8; + border-radius: 24px; +} +.device-status .progress.active .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress.active .ui-progressbar .ui-progressbar-value { + background: linear-gradient(270deg, #42BBFF 0%, #6129FF 100%); + background: linear-gradient(270deg, var(--primary-lighter-color) 0%, var(--primary-color) 100%); + opacity: 0.8; +} +.device-status .device { + margin-bottom: 16px; +} +.device-status .device span { + color: #387fe9; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.device-status .device span > span { + font-size: 8px; + font-weight: normal; +} +.device-status .device span.status { + font-size: 12px; + color: #BFC2C6; + margin-top: 4px; + display: block; +} + +.team { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.team .card-header { + padding: 0; + min-width: 70px; +} +.team .peoples { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; +} +.team .peoples > img { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; +} +.team .peoples .no-picture { + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; + background: rgba(41, 50, 65, 0.1); + color: #EAEBEC; + font-size: 12px; + -moz-transition: background 0.2s; + -o-transition: background 0.2s; + -webkit-transition: background 0.2s; + transition: background 0.2s; +} +.team .peoples .no-picture:hover { + background: rgba(41, 50, 65, 0.2); +} + +.map { + padding: 0; +} +.map > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.map .map-content { + padding: 50px 20px 28px; +} +.map .map-content h6 { + margin: 0 0 16px; +} +.map .map-content .city { + margin-bottom: 16px; +} +.map .map-content .city span { + color: #387fe9; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.map .map-content .city span > span { + font-size: 8px; + font-weight: normal; +} +.map .map-content .city span.status { + font-size: 12px; + color: #BFC2C6; + margin-top: 4px; + display: block; +} + +.schedule > p { + color: #BFC2C6; +} +.schedule > ul { + list-style: none; + padding: 0; + margin: 0; +} +.schedule > ul > li { + background: #3E4754; + border-radius: 8px; + margin-bottom: 10px; + padding: 5px 16px 12px; +} +.schedule > ul > li .schedule-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.schedule > ul > li .schedule-header h6 { + line-height: 24px; + margin: 0; +} +.schedule > ul > li .schedule-header span { + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.schedule > ul > li > span { + margin-top: 4px; + color: #BFC2C6; + display: block; + font-size: 12px; + line-height: 14px; +} + +.statistics .statistic-item .item-title { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 4px; +} +.statistics .statistic-item .item-title span { + display: block; + margin-right: 12px; +} +.statistics .statistic-item .item-title h5 { + margin: 0; + font-weight: 700; +} +.statistics .statistic-item h6 { + margin: 0; + font-weight: 600; + color: #BFC2C6; +} + +.stocks ul { + list-style: none; + padding: 0; + margin: 0; +} +.stocks ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #303A48; + padding: 0; + margin: 0 0 12px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + overflow: hidden; +} +.stocks ul > li .stock-name { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #374250; + padding: 18px 10px; + min-width: 70px; + margin-right: 4px; +} +.stocks ul > li .stock-name h6 { + margin: 0; + color: #EAEBEC; + line-height: 17px; + font-weight: 600; +} +.stocks ul > li > img { + margin: 0 4px; + height: 25px; +} +.stocks ul > li .stock-price { + padding: 0 10px; + color: #34B56F; + margin: 0 4px; +} +.stocks ul > li .stock-price h6 { + line-height: 17px; + font-weight: 600; + display: inline-block; +} +.stocks ul > li .stock-price i { + display: inline-block; +} +.stocks ul > li .stock-status { + margin-left: 4px; + padding: 0 20px; +} +.stocks ul > li .stock-status span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 12px; + color: #BFC2C6; +} +.stocks ul > li.down .stock-price { + color: #FF6E49; +} +.stocks ul > li.same .stock-price { + color: #FFA928; +} +.stocks > .ui-button { + width: 100%; + margin-top: 30px; +} + +.operations { + overflow: auto; + position: relative; +} +.operations .insights { + padding: 16px 15px; + background-color: rgba(41, 127, 255, 0.04); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + margin: 12px 0 16px; +} +.operations .insights .insight-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; +} +.operations .insights .insight-header h6 { + margin: 0 6px; +} +.operations .insights > ul { + list-style: none; + padding: 0; + margin: 0; +} +.operations .insights > ul > li { + margin: 8px 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + color: #BFC2C6; +} +.operations .insights > ul > li span { + font-weight: 600; +} +.operations .insights > ul > li span > span { + font-size: 8px; + line-height: 10px; + font-weight: normal; +} +.operations > button { + width: 100%; +} + +.notification { + padding: 30px 24px; + background-color: #293241; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.notification > h6 { + margin: 0; + color: #EAEBEC; +} +.notification > h6 > a { + margin-left: 10px; +} +.notification > h6 > a i { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav { + background-color: transparent; + margin: 0 -10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav:before { + display: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header { + padding: 9px 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin: 0 10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a { + position: relative; + width: 52px; + height: 52px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #D0D6DD; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + color: #387fe9; + color: var(--primary-color); + border: 0 none; + overflow: visible; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a img { + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a .ui-badge { + position: absolute; + bottom: -5px; + right: -5px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active { + padding: 0 0 9px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active a { + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.16), 0px 1px 2px rgba(41, 50, 65, 0.04), 0px 6px 12px rgba(41, 50, 65, 0.24); + border: 0 none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:before { + content: ""; + width: 12px; + height: 2px; + background: #387fe9; + background: var(--primary-color); + border-radius: 3px; + position: absolute; + bottom: -10px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-hover { + border: none; + padding: 0 0 9px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels { + background-color: transparent; + border: none; + padding: 16px 0 0; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + padding: 0; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 44px; + background-image: linear-gradient(180deg, #293241 0%, rgba(234, 237, 243, 0) 100%); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; + overflow: auto; + padding: 30px 6px 12px; + flex: 1 1 auto; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message { + display: -ms-flexbox; + display: flex; + flex-direction: column; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .name { + display: block; + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + max-width: 250px; + padding: 8px 10px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + background-color: #303A48; + margin-bottom: 8px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message p { + padding: 0; + margin: 0 0 2px; + color: #EAEBEC; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 14px; + color: #BFC2C6; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send { + -ms-flex-align: end; + align-items: flex-end; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send .message span { + text-align: right; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message h4 { + color: #BFC2C6; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + flex: 1 1 auto; + max-height: 400px; + overflow: auto; + padding: 0px 0 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul { + padding: 0; + margin: 0; + list-style: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 6px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + cursor: pointer; + padding: 8px 10px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li img { + margin-right: 12px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li h6 { + margin: 0 0 2px; + color: #EAEBEC; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li span { + display: block; + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #303A48; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input { + margin-top: 30px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 100%; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 20px 19px; + background-color: #3E4754; + border: none; +} + +.image-card { + padding: 0; + position: relative; +} +.image-card > span { + position: absolute; + right: 20px; + top: 20px; +} +.image-card > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.image-card .image-content { + padding: 32px 20px 28px; +} +.image-card .image-content h6 { + margin: 0 0 8px; +} +.image-card .image-content > p { + color: #BFC2C6; +} +.image-card .image-content > button { + margin-top: 32px; + width: 100%; +} + +.login-body { + background: #FFFFFF; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; + height: 100vh; +} +.login-body .login-wrapper .login-panel { + width: 30%; + height: 100%; + text-align: center; + padding: 40px 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 100%; +} +.login-body .login-wrapper .login-panel .logo { + margin-bottom: 50px; +} +.login-body .login-wrapper .login-panel .logo img { + width: 45px; + height: 53px; +} +.login-body .login-wrapper .login-panel > a { + font-weight: 500; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > p { + font-weight: 500; + margin: 0; + color: rgba(41, 50, 65, 0.5); + margin-top: 40px; +} +.login-body .login-wrapper .login-panel > p > a { + color: #387fe9; + cursor: pointer; +} +.login-body .login-wrapper .login-panel > input { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + background-color: #F6F7F7; + border: 1.2px solid #D4D6D9; + color: #515C66; + padding: 12px 10px; +} +.login-body .login-wrapper .login-panel > input::placeholder { + color: gba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > button { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + padding: 0; +} +.login-body .login-wrapper .login-panel > button > span { + padding: 15px 20px; + display: block; + font-weight: 600; + font-size: 14px; + line-height: 16px; +} +.login-body .login-wrapper .login-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.login-body .login-wrapper .login-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.login-body .login-wrapper .login-footer h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +.exception-body .exception-topbar { + height: 62px; + background-color: #293241; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0 16px; +} +.exception-body .exception-topbar .layout-topbar-logo > img { + height: 15px; +} +.exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body .exception-wrapper .exception-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 auto; +} +.exception-body .exception-wrapper .exception-content > span { + font-weight: normal; + font-size: 60px; + line-height: 73px; + text-align: center; + display: block; +} +.exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.exception-body .exception-wrapper .exception-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.exception-body .exception-wrapper .exception-footer h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} +.exception-body.notfound .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body.notfound .exception-wrapper .exception-content { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + flex: 1 1 auto; +} +.exception-body.notfound .exception-wrapper .exception-content img { + width: 332px; + height: 271px; + margin-bottom: -150px; +} +.exception-body.notfound .exception-wrapper .exception-content > span { + font-size: 140px; + line-height: 171px; +} +.exception-body.notfound .exception-wrapper .exception-content > span.exception-subtitle { + font-weight: 500; + font-size: 14px; + line-height: 17px; + color: #BFC2C6; +} +.exception-body.notfound .exception-wrapper .exception-content > button { + padding: 0; + margin-top: 20px; + width: 155px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.exception-body.notfound .exception-wrapper .exception-content > button > span { + padding: 18px; + font-weight: 600; +} + +@media (max-width: 991px) { + .exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); + } + .exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + } +} +.landing-body { + background-color: #E5E5E5; +} +.landing-body .landing-topbar { + height: 83px; + background-color: #FFFFFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + z-index: 999; + padding: 20px 40px; + position: relative; +} +.landing-body .landing-topbar .landing-topbar-left { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-body .landing-topbar .landing-topbar-left .logo { + margin-right: 40px; +} +.landing-body .landing-topbar .landing-topbar-left .logo img { + height: 16px; + width: auto; +} +.landing-body .landing-topbar .landing-topbar-left > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li #landing-menu-close { + display: none; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a { + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin: 0 10px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a:hover { + color: #387fe9; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton { + margin-right: 20px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton:hover { + color: #387fe9; +} +.landing-body .landing-topbar .landing-topbar-right .landing-button span { + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button i { + font-size: 20px; +} +.landing-body .landing-button { + background: linear-gradient(108.43deg, #297FFF 12.5%, #7A0EE7 96.32%); + border: none; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-body .landing-button.ui-button { + padding: 0; +} +.landing-body .landing-button.ui-button > .ui-button-text { + padding: 14px 10px; + min-width: 121px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button > a .ui-button-text { + padding: 14px 10px; + min-width: 87px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button:hover { + background: linear-gradient(108.43deg, #2f79e7 12.5%, #781cd4 96.32%); +} +.landing-body .landing-banner { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 303px 30px 218px; + position: relative; + transform-style: inherit; + background: url("#{resource['freya-layout:images/pages/asset-landing-header.jpg']}"); + background-size: cover; + height: 80vh; +} +.landing-body .landing-banner .landing-banner-content { + text-align: center; + position: relative; +} +.landing-body .landing-banner .landing-banner-content .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: #FFFFFF; +} +.landing-body .landing-banner .landing-banner-content h3 { + margin: 40px 0 30px; + color: #FFFFFF; + font-weight: 500; + line-height: 29px; +} +.landing-body .section-header { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +.landing-body .section-header .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .section-header h3 { + margin: 15px 0 100px; + color: rgba(41, 50, 65, 0.9); + font-weight: 500; + line-height: 29px; + max-width: 800px; +} +.landing-body .landing-features { + background-color: #FFFFFF; + position: relative; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; + padding: 36px 6% 125px; +} +.landing-body .landing-features .lg\:col-3 { + transition: transform 250ms linear; + -webkit-transition: transform 250ms linear; +} +.landing-body .landing-features .feature { + display: -ms-flexbox; + display: flex; +} +.landing-body .landing-features .feature > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-top: 30px; + margin-right: 12px; +} +.landing-body .landing-features .feature .feature-card { + -moz-border-radius: 36px; + -webkit-border-radius: 36px; + border-radius: 36px; + padding: 28px 30px; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.landing-body .landing-features .feature .feature-card > span { + display: none; +} +.landing-body .landing-features .feature .feature-card h3 { + font-weight: 500; + line-height: 36px; + margin: 0 0 20px; + color: rgba(41, 50, 65, 0.8); +} +.landing-body .landing-features .feature .feature-card h5 { + margin: 0; + font-weight: normal; + line-height: 150%; + color: rgba(41, 50, 65, 0.9); + opacity: 0.8; +} +.landing-body .landing-features .feature.yellow .feature-card { + padding-bottom: 128px; + background: linear-gradient(197.55deg, #FFD37D -1.02%, #FFDB7D 46.53%); +} +.landing-body .landing-features .feature.blue .feature-card { + padding-bottom: 67px; + background: linear-gradient(156.18deg, #DAF4FF 38.02%, #CEDFFF 95.69%); +} +.landing-body .landing-features .feature.darker-blue .feature-card { + padding-bottom: 164px; + background: linear-gradient(165.84deg, #C1E9FF 42.24%, rgba(219, 242, 255, 0.23) 97.17%); +} +.landing-body .landing-features .feature.darker-gray .feature-card { + padding-bottom: 109px; + background: linear-gradient(176.91deg, rgba(41, 50, 65, 0.6) 50%, rgba(41, 50, 65, 0.282) 115.03%); +} +.landing-body .landing-features .feature.darker-gray .feature-card h3 { + color: #FFFFFF; +} +.landing-body .landing-features .feature.darker-gray .feature-card h5 { + color: #FFFFFF; + opacity: 0.8; +} +.landing-body .landing-features .feature.gray .feature-card { + padding-bottom: 50px; + background: linear-gradient(11.49deg, rgba(41, 50, 65, 0.1) 60.37%, rgba(41, 50, 65, 0.026) 98.03%); +} +.landing-body .landing-pricing { + background-color: #FFFFFF; + position: relative; + padding: 125px 15% 260px; + text-align: center; +} +.landing-body .landing-pricing .pricing-card { + background: #FFFFFF; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 30px 20px 33px; + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; + position: relative; + margin-bottom: 60px; +} +.landing-body .landing-pricing .pricing-card .preferred-tag { + padding: 14px 24px; + background: linear-gradient(112.58deg, #FFD029 22.19%, #F1AF60 100%); + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + transform: rotate(-7.18deg); + position: absolute; + top: -32px; + color: #FFFFFF; + font-weight: bold; + font-size: 20px; + line-height: 24px; +} +.landing-body .landing-pricing .pricing-card h2 { + margin: 0 0 14px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .landing-pricing .pricing-card .price { + display: block; + color: #2170E7; + font-weight: bold; + font-size: 80px; + line-height: 95px; +} +.landing-body .landing-pricing .pricing-card .time { + color: rgba(41, 50, 65, 0.5); + font-size: 12px; + line-height: 14px; + display: block; + margin-bottom: 32px; +} +.landing-body .landing-pricing .pricing-card > ul { + padding: 42px 0 0; + width: 100%; + margin: 0; + list-style: none; + border-top: 1px solid rgba(41, 50, 65, 0.1); +} +.landing-body .landing-pricing .pricing-card > ul > li { + font-size: 16px; + line-height: 205.34%; + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-pricing .pricing-card.pro { + background: linear-gradient(333.31deg, #EFF3FB 6.36%, #FFFFFF 72.79%); +} +.landing-body .landing-pricing .pricing-card.enterprise { + background: linear-gradient(156.19deg, rgba(41, 50, 65, 0.8) 10.28%, rgba(35, 40, 49, 0.496) 87.74%); +} +.landing-body .landing-pricing .pricing-card.enterprise h2 { + margin: 0 0 14px; + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .price { + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .time { + color: #FFFFFF; + opacity: 0.6; +} +.landing-body .landing-pricing .pricing-card.enterprise > ul { + border-top: 1px solid rgba(255, 255, 255, 0.2); +} +.landing-body .landing-pricing .pricing-card.enterprise > ul > li { + color: #FFFFFF; +} +.landing-body .landing-pricing > a { + font-size: 24px; + line-height: 29px; + display: block; +} +.landing-body .layout-footer { + background-color: #FFFFFF; + position: relative; +} +.landing-body .layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.2); +} +.landing-body .layout-footer .footer-subtitle { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer ul > li { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer .newsletter-input { + background-color: rgba(41, 50, 65, 0.04); +} +.landing-body .layout-footer .footer-bottom { + color: rgba(41, 50, 65, 0.7); +} +.landing-body .layout-footer .footer-bottom h6 { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-mask { + display: none; + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.2); + z-index: 998; +} + +@media (max-width: 991px) { + .landing-body.block-scroll { + overflow: hidden; + } + .landing-body.block-scroll .landing-wrapper .landing-mask { + display: block; + } + .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu { + transform: translate3d(0px, 0px, 0px); + } + .landing-body .landing-wrapper .landing-topbar { + padding: 0 13px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu { + position: fixed; + flex-direction: column; + -ms-flex-align: end; + align-items: flex-end; + right: 0; + top: 0; + padding: 28px 15px; + z-index: 999; + width: 220px; + height: 100%; + background-color: #EEF5FF; + box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08); + transform: translate3d(260px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li { + margin: 0; + width: 100%; + margin-bottom: 12px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a { + padding: 6px 16px; + font-size: 14px; + text-align: right; + background-color: #EEF5FF; + display: block; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: rgba(41, 50, 65, 0.9); + font-size: 20px; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .second-menubutton { + display: none; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .landing-button { + margin-right: 20px; + } + .landing-body .landing-wrapper .landing-banner { + background-position: top; + padding: 80px 23px; + -ms-flex-pack: start; + justify-content: flex-start; + height: auto; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: left; + max-width: 262px; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > span { + font-size: 60px; + line-height: 91.84%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-features { + padding: 36px 20px 30px; + } + .landing-body .landing-wrapper .landing-features .lg\:col-3 { + transform: translateY(0) !important; + margin-top: auto !important; + } + .landing-body .landing-wrapper .landing-features .feature-empty { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature-3 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature-4 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature > span { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card { + padding-bottom: 28px !important; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-right: 12px; + margin-top: 8px; + display: block; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card > span { + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card > span { + color: #FFFFFF; + float: right; + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .section-header .title { + font-size: 60px; + line-height: 72px; + } + .landing-body .landing-wrapper .section-header h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 30px 20px 97px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card { + margin-bottom: 20px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card > ul { + display: none; + } + .landing-body .landing-wrapper .landing-pricing .preferred { + order: -1 !important; + } + .landing-body .landing-wrapper .landing-pricing .preferred .pricing-card > ul { + display: block; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background-image: url("#{resource['freya-layout:images/pages/search.png']}"); + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h3 { + color: #EAEBEC; + font-weight: 500; +} +.help-page .help-search .search-container { + font-size: 1rem; + padding: 1rem; + position: relative; +} +.help-page .help-search .search-container input { + appearance: none; + font-size: 1rem; + text-indent: 2rem; + padding: 1rem; + width: 100%; +} +.help-page .help-search .search-container i { + width: 1rem; + position: absolute; + margin-left: 1rem; + top: 50%; + margin-top: -0.5rem; +} +.help-page .status-bars { + margin-top: 1rem; + display: -ms-flexbox; + display: flex; +} +.help-page .status-bars .status-bar { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: #6EC180; + height: 50px; + margin-right: 0.25rem; + transition: transform 0.2s; +} +.help-page .status-bars .status-bar:last-child { + margin-right: 0; +} +.help-page .status-bars .status-bar.status-bar-failure { + background: #FF6E49; +} +.help-page .status-bars .status-bar:hover { + transform: scale(1.1); +} +.help-page .status-bar-footer { + padding: 1rem 0 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.help-page .blog-post { + border-radius: 4px; + padding: 20px; + margin: 3rem 2rem; + border: 1px solid #383838; + background-color: #293241; + position: relative; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.help-page .blog-post:last-child { + margin-bottom: 1rem; +} +.help-page .blog-post img { + width: 100%; + position: absolute; + left: 0; + top: 0; +} +.help-page .blog-post .blog-text h1 { + color: #EAEBEC; + margin-bottom: 1rem; + font-weight: 500; +} +.help-page .blog-post .blog-text span { + color: #BFC2C6; + line-height: 1.4; +} +.help-page .blog-post .blog-profile { + position: absolute; + top: -25px; + left: -25px; +} +.help-page .blog-post .blog-profile img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + height: 50px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 500; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; + font-weight: 300; +} +.invoice .invoice-details { + width: 15rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.invoice .invoice-details > div { + width: 50%; + margin-bottom: 0.5rem; +} +.invoice .invoice-details .invoice-label { + text-align: left; + font-weight: 500; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #3E4754; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 500; + margin-bottom: 0.5rem; +} +.invoice .invoice-to .invoice-to-info div { + margin-bottom: 0.5rem; +} +.invoice .invoice-items { + margin-top: 2rem; + padding-top: 2rem; +} +.invoice .invoice-items table { + width: 100%; + border-collapse: collapse; +} +.invoice .invoice-items table tr { + border-bottom: 1px solid #3E4754; +} +.invoice .invoice-items table th { + font-weight: 500; +} +.invoice .invoice-items table th, .invoice .invoice-items table td { + padding: 1rem; + text-align: right; +} +.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child { + text-align: left; +} +.invoice .invoice-summary { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 2.5rem; + padding-top: 2.5rem; +} +.invoice .invoice-summary .invoice-value { + font-weight: 500; +} + +@media print { + body * { + visibility: hidden; + } + + #invoice-content * { + visibility: visible; + } + + #invoice-content { + width: 100%; + position: absolute; + left: 0; + top: 0; + padding: 0; + margin: 0; + background: #ffffff; + color: rgba(41, 50, 65, 0.8); + } + + .invoice .invoice-to { + border-top: 1px solid #F2F4F6; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; + } +} +.layout-config { + width: 16rem; + height: 100%; + position: fixed; + right: 0; + top: 0; + padding: 1rem; + overflow: auto; + background: #1e1e1e; + z-index: 999; + border-left: 1px solid #383838; + transform: translateX(100%); + transition: transform 0.2s cubic-bezier(0.05, 0.74, 0.2, 0.99); +} +.layout-config.layout-config-active { + transform: translateX(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); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + transform: rotate(360deg); +} +.layout-config .ui-selectoneradio td { + padding: 0.5rem; +} +.layout-config p { + line-height: 1.5rem; + color: rgba(255, 255, 255, 0.6); +} +.layout-config .layout-themes { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.layout-config .layout-themes > div { + padding: 0.25rem; +} +.layout-config .layout-themes a { + width: 2rem; + height: 2rem; + border-radius: 24px; + display: block; + position: relative; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + transition: transform 0.2s; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} +.layout-config .layout-themes a i { + font-size: 1rem; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +.layout-config .layout-themes a:hover { + transform: scale(1.1); +} + +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: #90CAF9; + color: #121212; + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; + transition: background-color 0.2s; + 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: #a8d6fa; +} + +/* Add your customizations of the layout styles here */ +.layout-wrapper .layout-rightpanel .rightpanel-wrapper { + position: relative; + height: 100%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header { + text-align: center; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header .profile { + padding: 12px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions { + padding: 12px 6px 36px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .col-6, .layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .md\:col-4 { + padding: 0.2em; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav { + background-color: #384454; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header { + padding: 1rem; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + font-size: 12px; + font-weight: 500; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header > span { + font-size: 10px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background-color: #303A48; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels { + background-color: #384454; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + width: 80%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 105px; + margin-right: 7px; +} diff --git a/src/main/resources/META-INF/resources/css/layout-dark.scss b/src/main/resources/META-INF/resources/css/layout-dark.scss new file mode 100644 index 0000000..1a4faa1 --- /dev/null +++ b/src/main/resources/META-INF/resources/css/layout-dark.scss @@ -0,0 +1,5 @@ +$primaryColor:lighten(#2170E7, 5%); +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_dark'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/css/layout-light.css b/src/main/resources/META-INF/resources/css/layout-light.css new file mode 100644 index 0000000..258f85f --- /dev/null +++ b/src/main/resources/META-INF/resources/css/layout-light.css @@ -0,0 +1,4257 @@ +/* Add your customizations of the layout variables here */ +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + -webkit-animation-name: modal-in; + animation-name: modal-in; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 24px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #dee2e6; + 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; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 14px; + font-weight: 400; + color: rgba(41, 50, 65, 0.8); + padding: 0; + margin: 0; + min-height: 100%; + background-color: #F2F4F6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +body.blocked-scroll { + overflow: auto; +} + +a { + text-decoration: none; + color: #4f8eec; + color: var(--primary-color); +} + +.ajax-loader { + font-size: 32px; + color: #2170E7; + color: var(--primary-color); +} + +.layout-main { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; + padding-top: 82px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-content { + padding: 30px 36px; + flex: 1 1 auto; +} + +@media (max-width: 991px) { + .layout-content { + padding: 32px 14px; + } +} +.layout-topbar-light .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #F7FAFF; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #3E4754; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #f8fafc; + border: 1px solid #ebedef; + color: #4f8eec; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #4f8eec; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #293241; + opacity: 0.5; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: white; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #4688eb; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #4688eb; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: rgba(41, 50, 65, 0.8); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(33, 112, 231, 0.8); + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: rgba(41, 50, 65, 0.5); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: rgba(41, 50, 65, 0.8); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(41, 50, 65, 0.5); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #293241; + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.layout-topbar-dark .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #F7FAFF; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #3E4754; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #293241; + box-shadow: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #333e51; + border: 1px solid #333e51; + color: #7dabf1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #7dabf1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #E9E9E9; + opacity: 0.5; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: #333e51; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #4688eb; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #4688eb; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(33, 112, 231, 0.8); + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #E9E9E9; + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.menu-wrapper { + height: 100%; + position: fixed; + top: 0; + z-index: 999; + left: 0; +} +.menu-wrapper .sidebar-logo { + height: 62px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: center; + align-items: center; + padding: 0 22px; + padding-right: 20px; +} +.menu-wrapper .sidebar-logo .sidebar-pin { + display: none; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; +} +.menu-wrapper .sidebar-logo img { + width: 17px; + height: 20px; + border: 0 none; +} +.menu-wrapper .layout-menu-container { + height: calc(100% - 62px); +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + max-width: 62px; + overflow: hidden; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a { + position: relative; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a::before { + content: ""; + width: 4px; + height: 12px; + display: block; + border-radius: 0px 3px 3px 0px; + position: absolute; + left: 0; +} +.menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + margin-left: 6px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 10px 0; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + font-size: 13px; + padding: 6px 20px; + user-select: none; + cursor: pointer; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > span { + margin: 0 8px; + margin-left: 14px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: hidden; + white-space: nowrap; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i { + font-size: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon i { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: none; + list-style-type: none; + overflow: hidden; + padding: 0; + margin: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > a { + padding: 10px 18px; + margin-left: 0px; + padding-right: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} + +@media (min-width: 992px) { + .layout-wrapper.layout-sidebar .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-sidebar .layout-main { + padding-left: 62px; + } + .layout-wrapper.layout-static .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo { + justify-content: space-between; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo img { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .app-name { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin { + display: inline-block; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; + border: 2px solid var(--primary-light-color); + background-color: #dee2e6; + background-color: var(--primary-lighter-color); + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-static .layout-main { + padding-left: 230px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; + } + + .menu-wrapper.layout-sidebar-active { + transform: translate3d(0px, 0px, 0px); + } + .menu-wrapper.layout-sidebar-active .sidebar-logo { + justify-content: space-between; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo img { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .app-name { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin { + display: inline-block; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; + } + .menu-wrapper.layout-sidebar-active .layout-menu { + max-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li { + min-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li a { + padding-left: 20px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li a { + padding-left: 30px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .menu-wrapper.layout-sidebar-active .layout-menu-container { + overflow: auto; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 62px; + z-index: 1010; + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transform: translate3d(-230px, 0px, 0px); + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper .menu-wrapper .layout-menu-container .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu-container { + overflow: auto; + } + .layout-wrapper.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + display: block; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 0px; + width: 100%; + height: 62px; + position: relative; + } + .layout-wrapper.layout-horizontal .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + height: 100%; + display: flex; + align-items: center; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + max-width: 100%; + overflow: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + margin: 0 9px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a { + margin: 0px; + padding: 10px 5px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a:before { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > span { + margin: 0 8px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i { + font-size: 14px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + list-style-type: none; + top: 44px; + left: 0px; + width: 230px; + position: absolute; + padding: 10px; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 460px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + border: 0 none; + margin: 0; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button-wrapper .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-slim .menu-wrapper { + width: 62px; + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container { + padding: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu { + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + display: none; + padding: 0 0.412px; + position: absolute; + left: 72px; + top: 16px; + line-height: 1; + border-radius: 2px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + padding: 6px 8px; + font-weight: 500; + min-width: 75px; + white-space: nowrap; + text-align: center; + -webkit-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + -moz-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + top: 50%; + left: -4px; + margin-top: -5px; + border-width: 5px 5px 5px 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + padding: 10px 12px 10px 14px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin: 0px; + padding: 6px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + position: relative; + border: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:before { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a span { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + margin-right: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i.layout-submenu-toggler { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .menuitem-badge { + display: none; + margin-left: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip { + display: block; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + position: absolute; + top: 0; + left: 62px; + min-width: 250px; + max-height: 450px; + display: none; + padding: 10px; + overflow: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li { + margin: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + padding: 10px 5px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > span { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-slim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-slim .layout-main { + padding-left: 62px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #293241; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #293241; + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); +} +@media (min-width: 992px) { + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } +} +@media (max-width: 991px) { + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #ffffff; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #ffffff; + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); +} +@media (min-width: 992px) { + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } +} +@media (max-width: 991px) { + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 62px; + height: calc(100% - 62px); + padding: 0; + width: 418px; + overflow: auto; + background-color: #F7FAFF; + transform: translate3d(418px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + padding: 22px 20px 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section { + padding: 16px 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header > h6 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + background-image: url("#{resource['demo:images/rightpanel/asset-weather.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + -moz-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + color: rgba(41, 50, 65, 0.8); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather > img { + height: 60px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info { + margin-left: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h6 { + margin: 0 0 2px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h1 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul { + padding: 0; + margin: 0; + list-style: none; + overflow: auto; + max-height: 320px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li { + padding: 16px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-color: #ffffff; + margin-bottom: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info h6 { + color: #3E4754; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info > span { + display: block; + font-weight: 500; + font-size: 14px; + line-height: 140%; + color: rgba(41, 50, 65, 0.5); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done { + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done .task-info h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; + margin: -7px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + width: 80px; + height: 80px; + background-color: #ffffff; + margin: 7px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item:hover { + background-color: #F7F7F8; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + width: 80px; + height: 80px; + margin: 7px; + border: 1px dashed #dee2e6; + color: #dee2e6; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item:hover { + background-color: #F7F7F8; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section { + margin-top: 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + background-image: linear-gradient(180deg, #F7FAFF 0%, rgba(234, 237, 243, 0) 100%); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + background-color: #ffffff; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #ffffff; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 576px) { + .layout-rightpanel { + width: 100%; + transform: translate3d(100%, 0px, 0px); + } +} +.layout-footer { + padding: 30px 36px; +} +.layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 12px; + line-height: 14px; + min-height: 15px; + display: block; + margin-bottom: 9px; +} +.layout-footer .footer-subtitle { + font-weight: 500; + font-size: 14px; + display: block; + color: rgba(41, 50, 65, 0.5); +} +.layout-footer ul { + padding: 0; + margin: 0; + list-style: none; +} +.layout-footer ul > li { + padding: 7px 0; +} +.layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.8); + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.5); +} +.layout-footer .newsletter-input { + margin-top: 16px; + background-color: #ffffff; + position: relative; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.layout-footer .newsletter-input > input { + width: 100%; + background-color: transparent; + border: none; + padding: 11px 16px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + font-size: 14px; + line-height: 200%; +} +.layout-footer .newsletter-input > button { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + position: absolute; + right: 6px; + top: 50%; + margin-top: -16px; +} +.layout-footer .newsletter-input > button > span { + display: block; + padding: 0; + width: 100%; + font-weight: 600; + font-size: 14px; +} +.layout-footer .footer-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .footer-bottom h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.layout-footer .footer-bottom h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + background: #ffffff; + padding: 20px; + box-sizing: border-box; + box-shadow: 0 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 16px; +} +.card .card-header h6 { + margin-bottom: 2px; +} +.card .card-header .subtitle { + font-weight: 600; + color: rgba(41, 50, 65, 0.5); +} +.card .card-subtitle { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + margin: -1rem 0 1rem 0; +} +.card.no-gutter { + margin-bottom: 0; +} + +.sr-only { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.ui-text-secondary { + color: rgba(41, 50, 65, 0.5); +} + +.layout-wrapper .layout-ajax-loader { + position: absolute; + right: 15px; + bottom: 70px; +} +.layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon { + color: red; + font-size: 32px; +} + +.layout-dashboard .chart { + overflow: auto; + position: relative; +} +.layout-dashboard .mobile-teams { + display: none; +} + +@media (max-width: 1200px) { + .layout-dashboard .desktop-teams { + display: none; + } + .layout-dashboard .mobile-teams { + display: block; + } + .layout-dashboard .mobile-teams .team { + height: 100%; + flex-direction: column; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .layout-dashboard .mobile-teams .team .peoples { + margin: 12px -8px; + } +} +.overview-box { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: 24px; + height: 100%; + min-width: 200px; +} +.overview-box .overview-info > h6 { + margin: 0 0 2px; +} +.overview-box .overview-info > h1 { + margin: 0; +} +.overview-box > i { + font-size: 24px; +} +.overview-box.white { + background: #FFFFFF; + color: rgba(41, 50, 65, 0.8); +} +.overview-box.blue { + background: #69B7FF; + color: #FFFFFF; +} +.overview-box.gray { + background: rgba(41, 50, 65, 0.4); + color: #FFFFFF; +} +.overview-box.darkgray { + background: rgba(41, 50, 65, 0.8); + color: #FFFFFF; +} +.overview-box.orange { + background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%); + color: #FFFFFF; +} + +.timeline { + padding-right: 4px; +} +.timeline > ul { + padding: 0; + margin: 0; + list-style: none; + max-height: 372px; + overflow: auto; + margin-bottom: 1em; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; +} +.timeline > ul > li > i { + font-size: 8px; + margin-right: 10px; + margin-top: 4px; +} +.timeline > ul > li .event-content span { + display: block; + margin-bottom: 4px; + font-weight: 600; + font-size: 12px; + color: rgba(41, 50, 65, 0.5); +} +.timeline > ul > li .event-content span.event-title { + color: #3E4754; +} +.timeline > ul > li .event-content span.time { + font-size: 10px; + font-weight: 400; + color: rgba(41, 50, 65, 0.5); +} +.timeline > ul > li.blue > i { + color: #297FFF; +} +.timeline > ul > li.green > i { + color: #34B56F; +} +.timeline > ul > li.orange > i { + color: #FFA928; +} + +.device-status .content { + color: rgba(41, 50, 65, 0.5); + line-height: 1.4; + margin-bottom: 20px; +} +.device-status .progress { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 10px 0; + color: rgba(41, 50, 65, 0.5); +} +.device-status .progress > span { + min-width: 40px; +} +.device-status .progress .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress .ui-progressbar .ui-progressbar-value { + background: rgba(41, 127, 255, 0.2); + background: var(--primary-color); + opacity: 0.8; + border-radius: 24px; +} +.device-status .progress.active .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress.active .ui-progressbar .ui-progressbar-value { + background: linear-gradient(270deg, #42BBFF 0%, #6129FF 100%); + background: linear-gradient(270deg, var(--primary-lighter-color) 0%, var(--primary-color) 100%); + opacity: 0.8; +} +.device-status .device { + margin-bottom: 16px; +} +.device-status .device span { + color: #2170E7; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.device-status .device span > span { + font-size: 8px; + font-weight: normal; +} +.device-status .device span.status { + font-size: 12px; + color: rgba(41, 50, 65, 0.5); + margin-top: 4px; + display: block; +} + +.team { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.team .card-header { + padding: 0; + min-width: 70px; +} +.team .peoples { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; +} +.team .peoples > img { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; +} +.team .peoples .no-picture { + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; + background: rgba(41, 50, 65, 0.1); + color: rgba(41, 50, 65, 0.8); + font-size: 12px; + -moz-transition: background 0.2s; + -o-transition: background 0.2s; + -webkit-transition: background 0.2s; + transition: background 0.2s; +} +.team .peoples .no-picture:hover { + background: rgba(41, 50, 65, 0.2); +} + +.map { + padding: 0; +} +.map > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.map .map-content { + padding: 50px 20px 28px; +} +.map .map-content h6 { + margin: 0 0 16px; +} +.map .map-content .city { + margin-bottom: 16px; +} +.map .map-content .city span { + color: #2170E7; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.map .map-content .city span > span { + font-size: 8px; + font-weight: normal; +} +.map .map-content .city span.status { + font-size: 12px; + color: rgba(41, 50, 65, 0.5); + margin-top: 4px; + display: block; +} + +.schedule > p { + color: rgba(41, 50, 65, 0.5); +} +.schedule > ul { + list-style: none; + padding: 0; + margin: 0; +} +.schedule > ul > li { + background: #F7F7F8; + border-radius: 8px; + margin-bottom: 10px; + padding: 5px 16px 12px; +} +.schedule > ul > li .schedule-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.schedule > ul > li .schedule-header h6 { + line-height: 24px; + margin: 0; +} +.schedule > ul > li .schedule-header span { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.schedule > ul > li > span { + margin-top: 4px; + color: rgba(41, 50, 65, 0.5); + display: block; + font-size: 12px; + line-height: 14px; +} + +.statistics .statistic-item .item-title { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 4px; +} +.statistics .statistic-item .item-title span { + display: block; + margin-right: 12px; +} +.statistics .statistic-item .item-title h5 { + margin: 0; + font-weight: 700; +} +.statistics .statistic-item h6 { + margin: 0; + font-weight: 600; + color: rgba(41, 50, 65, 0.5); +} + +.stocks ul { + list-style: none; + padding: 0; + margin: 0; +} +.stocks ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #F7FAFF; + padding: 0; + margin: 0 0 12px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + overflow: hidden; +} +.stocks ul > li .stock-name { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #EEF5FF; + padding: 18px 10px; + min-width: 70px; + margin-right: 4px; +} +.stocks ul > li .stock-name h6 { + margin: 0; + color: rgba(41, 50, 65, 0.8); + line-height: 17px; + font-weight: 600; +} +.stocks ul > li > img { + margin: 0 4px; + height: 25px; +} +.stocks ul > li .stock-price { + padding: 0 10px; + color: #34B56F; + margin: 0 4px; +} +.stocks ul > li .stock-price h6 { + line-height: 17px; + font-weight: 600; + display: inline-block; +} +.stocks ul > li .stock-price i { + display: inline-block; +} +.stocks ul > li .stock-status { + margin-left: 4px; + padding: 0 20px; +} +.stocks ul > li .stock-status span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.5); +} +.stocks ul > li.down .stock-price { + color: #FF6E49; +} +.stocks ul > li.same .stock-price { + color: #FFA928; +} +.stocks > .ui-button { + width: 100%; + margin-top: 30px; +} + +.operations { + overflow: auto; + position: relative; +} +.operations .insights { + padding: 16px 15px; + background-color: rgba(41, 127, 255, 0.04); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + margin: 12px 0 16px; +} +.operations .insights .insight-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; +} +.operations .insights .insight-header h6 { + margin: 0 6px; +} +.operations .insights > ul { + list-style: none; + padding: 0; + margin: 0; +} +.operations .insights > ul > li { + margin: 8px 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + color: rgba(41, 50, 65, 0.5); +} +.operations .insights > ul > li span { + font-weight: 600; +} +.operations .insights > ul > li span > span { + font-size: 8px; + line-height: 10px; + font-weight: normal; +} +.operations > button { + width: 100%; +} + +.notification { + padding: 30px 24px; + background-color: #ffffff; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.notification > h6 { + margin: 0; + color: rgba(41, 50, 65, 0.8); +} +.notification > h6 > a { + margin-left: 10px; +} +.notification > h6 > a i { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav { + background-color: transparent; + margin: 0 -10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav:before { + display: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header { + padding: 9px 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin: 0 10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a { + position: relative; + width: 52px; + height: 52px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #D0D6DD; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + color: #2170E7; + color: var(--primary-color); + border: 0 none; + overflow: visible; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a img { + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a .ui-badge { + position: absolute; + bottom: -5px; + right: -5px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active { + padding: 0 0 9px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active a { + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.16), 0px 1px 2px rgba(41, 50, 65, 0.04), 0px 6px 12px rgba(41, 50, 65, 0.24); + border: 0 none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:before { + content: ""; + width: 12px; + height: 2px; + background: #2170E7; + background: var(--primary-color); + border-radius: 3px; + position: absolute; + bottom: -10px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-hover { + border: none; + padding: 0 0 9px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels { + background-color: transparent; + border: none; + padding: 16px 0 0; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + padding: 0; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 44px; + background-image: linear-gradient(180deg, #ffffff 0%, rgba(234, 237, 243, 0) 100%); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; + overflow: auto; + padding: 30px 6px 12px; + flex: 1 1 auto; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message { + display: -ms-flexbox; + display: flex; + flex-direction: column; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .name { + display: block; + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + max-width: 250px; + padding: 8px 10px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + background-color: #F7FAFF; + margin-bottom: 8px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message p { + padding: 0; + margin: 0 0 2px; + color: rgba(41, 50, 65, 0.8); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 14px; + color: rgba(41, 50, 65, 0.5); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send { + -ms-flex-align: end; + align-items: flex-end; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send .message span { + text-align: right; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message h4 { + color: rgba(41, 50, 65, 0.5); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + flex: 1 1 auto; + max-height: 400px; + overflow: auto; + padding: 0px 0 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul { + padding: 0; + margin: 0; + list-style: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 6px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + cursor: pointer; + padding: 8px 10px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li img { + margin-right: 12px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li h6 { + margin: 0 0 2px; + color: rgba(41, 50, 65, 0.8); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li span { + display: block; + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #F7FAFF; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input { + margin-top: 30px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 100%; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 20px 19px; + background-color: #F7F7F8; + border: none; +} + +.image-card { + padding: 0; + position: relative; +} +.image-card > span { + position: absolute; + right: 20px; + top: 20px; +} +.image-card > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.image-card .image-content { + padding: 32px 20px 28px; +} +.image-card .image-content h6 { + margin: 0 0 8px; +} +.image-card .image-content > p { + color: rgba(41, 50, 65, 0.5); +} +.image-card .image-content > button { + margin-top: 32px; + width: 100%; +} + +.login-body { + background: #FFFFFF; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; + height: 100vh; +} +.login-body .login-wrapper .login-panel { + width: 30%; + height: 100%; + text-align: center; + padding: 40px 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 100%; +} +.login-body .login-wrapper .login-panel .logo { + margin-bottom: 50px; +} +.login-body .login-wrapper .login-panel .logo img { + width: 45px; + height: 53px; +} +.login-body .login-wrapper .login-panel > a { + font-weight: 500; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > p { + font-weight: 500; + margin: 0; + color: rgba(41, 50, 65, 0.5); + margin-top: 40px; +} +.login-body .login-wrapper .login-panel > p > a { + color: #2170E7; + cursor: pointer; +} +.login-body .login-wrapper .login-panel > input { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + background-color: #F6F7F7; + border: 1.2px solid #D4D6D9; + color: #515C66; + padding: 12px 10px; +} +.login-body .login-wrapper .login-panel > input::placeholder { + color: gba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > button { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + padding: 0; +} +.login-body .login-wrapper .login-panel > button > span { + padding: 15px 20px; + display: block; + font-weight: 600; + font-size: 14px; + line-height: 16px; +} +.login-body .login-wrapper .login-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.login-body .login-wrapper .login-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.login-body .login-wrapper .login-footer h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +.exception-body .exception-topbar { + height: 62px; + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0 16px; +} +.exception-body .exception-topbar .layout-topbar-logo > img { + height: 15px; +} +.exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body .exception-wrapper .exception-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 auto; +} +.exception-body .exception-wrapper .exception-content > span { + font-weight: normal; + font-size: 60px; + line-height: 73px; + text-align: center; + display: block; +} +.exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.exception-body .exception-wrapper .exception-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.exception-body .exception-wrapper .exception-footer h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} +.exception-body.notfound .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body.notfound .exception-wrapper .exception-content { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + flex: 1 1 auto; +} +.exception-body.notfound .exception-wrapper .exception-content img { + width: 332px; + height: 271px; + margin-bottom: -150px; +} +.exception-body.notfound .exception-wrapper .exception-content > span { + font-size: 140px; + line-height: 171px; +} +.exception-body.notfound .exception-wrapper .exception-content > span.exception-subtitle { + font-weight: 500; + font-size: 14px; + line-height: 17px; + color: rgba(41, 50, 65, 0.5); +} +.exception-body.notfound .exception-wrapper .exception-content > button { + padding: 0; + margin-top: 20px; + width: 155px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.exception-body.notfound .exception-wrapper .exception-content > button > span { + padding: 18px; + font-weight: 600; +} + +@media (max-width: 991px) { + .exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); + } + .exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + } +} +.landing-body { + background-color: #E5E5E5; +} +.landing-body .landing-topbar { + height: 83px; + background-color: #FFFFFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + z-index: 999; + padding: 20px 40px; + position: relative; +} +.landing-body .landing-topbar .landing-topbar-left { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-body .landing-topbar .landing-topbar-left .logo { + margin-right: 40px; +} +.landing-body .landing-topbar .landing-topbar-left .logo img { + height: 16px; + width: auto; +} +.landing-body .landing-topbar .landing-topbar-left > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li #landing-menu-close { + display: none; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a { + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin: 0 10px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a:hover { + color: #2170E7; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton { + margin-right: 20px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton:hover { + color: #2170E7; +} +.landing-body .landing-topbar .landing-topbar-right .landing-button span { + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button i { + font-size: 20px; +} +.landing-body .landing-button { + background: linear-gradient(108.43deg, #297FFF 12.5%, #7A0EE7 96.32%); + border: none; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-body .landing-button.ui-button { + padding: 0; +} +.landing-body .landing-button.ui-button > .ui-button-text { + padding: 14px 10px; + min-width: 121px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button > a .ui-button-text { + padding: 14px 10px; + min-width: 87px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button:hover { + background: linear-gradient(108.43deg, #2f79e7 12.5%, #781cd4 96.32%); +} +.landing-body .landing-banner { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 303px 30px 218px; + position: relative; + transform-style: inherit; + background: url("#{resource['freya-layout:images/pages/asset-landing-header.jpg']}"); + background-size: cover; + height: 80vh; +} +.landing-body .landing-banner .landing-banner-content { + text-align: center; + position: relative; +} +.landing-body .landing-banner .landing-banner-content .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: #FFFFFF; +} +.landing-body .landing-banner .landing-banner-content h3 { + margin: 40px 0 30px; + color: #FFFFFF; + font-weight: 500; + line-height: 29px; +} +.landing-body .section-header { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +.landing-body .section-header .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .section-header h3 { + margin: 15px 0 100px; + color: rgba(41, 50, 65, 0.9); + font-weight: 500; + line-height: 29px; + max-width: 800px; +} +.landing-body .landing-features { + background-color: #FFFFFF; + position: relative; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; + padding: 36px 6% 125px; +} +.landing-body .landing-features .lg\:col-3 { + transition: transform 250ms linear; + -webkit-transition: transform 250ms linear; +} +.landing-body .landing-features .feature { + display: -ms-flexbox; + display: flex; +} +.landing-body .landing-features .feature > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-top: 30px; + margin-right: 12px; +} +.landing-body .landing-features .feature .feature-card { + -moz-border-radius: 36px; + -webkit-border-radius: 36px; + border-radius: 36px; + padding: 28px 30px; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.landing-body .landing-features .feature .feature-card > span { + display: none; +} +.landing-body .landing-features .feature .feature-card h3 { + font-weight: 500; + line-height: 36px; + margin: 0 0 20px; + color: rgba(41, 50, 65, 0.8); +} +.landing-body .landing-features .feature .feature-card h5 { + margin: 0; + font-weight: normal; + line-height: 150%; + color: rgba(41, 50, 65, 0.9); + opacity: 0.8; +} +.landing-body .landing-features .feature.yellow .feature-card { + padding-bottom: 128px; + background: linear-gradient(197.55deg, #FFD37D -1.02%, #FFDB7D 46.53%); +} +.landing-body .landing-features .feature.blue .feature-card { + padding-bottom: 67px; + background: linear-gradient(156.18deg, #DAF4FF 38.02%, #CEDFFF 95.69%); +} +.landing-body .landing-features .feature.darker-blue .feature-card { + padding-bottom: 164px; + background: linear-gradient(165.84deg, #C1E9FF 42.24%, rgba(219, 242, 255, 0.23) 97.17%); +} +.landing-body .landing-features .feature.darker-gray .feature-card { + padding-bottom: 109px; + background: linear-gradient(176.91deg, rgba(41, 50, 65, 0.6) 50%, rgba(41, 50, 65, 0.282) 115.03%); +} +.landing-body .landing-features .feature.darker-gray .feature-card h3 { + color: #FFFFFF; +} +.landing-body .landing-features .feature.darker-gray .feature-card h5 { + color: #FFFFFF; + opacity: 0.8; +} +.landing-body .landing-features .feature.gray .feature-card { + padding-bottom: 50px; + background: linear-gradient(11.49deg, rgba(41, 50, 65, 0.1) 60.37%, rgba(41, 50, 65, 0.026) 98.03%); +} +.landing-body .landing-pricing { + background-color: #FFFFFF; + position: relative; + padding: 125px 15% 260px; + text-align: center; +} +.landing-body .landing-pricing .pricing-card { + background: #FFFFFF; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 30px 20px 33px; + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; + position: relative; + margin-bottom: 60px; +} +.landing-body .landing-pricing .pricing-card .preferred-tag { + padding: 14px 24px; + background: linear-gradient(112.58deg, #FFD029 22.19%, #F1AF60 100%); + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + transform: rotate(-7.18deg); + position: absolute; + top: -32px; + color: #FFFFFF; + font-weight: bold; + font-size: 20px; + line-height: 24px; +} +.landing-body .landing-pricing .pricing-card h2 { + margin: 0 0 14px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .landing-pricing .pricing-card .price { + display: block; + color: #2170E7; + font-weight: bold; + font-size: 80px; + line-height: 95px; +} +.landing-body .landing-pricing .pricing-card .time { + color: rgba(41, 50, 65, 0.5); + font-size: 12px; + line-height: 14px; + display: block; + margin-bottom: 32px; +} +.landing-body .landing-pricing .pricing-card > ul { + padding: 42px 0 0; + width: 100%; + margin: 0; + list-style: none; + border-top: 1px solid rgba(41, 50, 65, 0.1); +} +.landing-body .landing-pricing .pricing-card > ul > li { + font-size: 16px; + line-height: 205.34%; + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-pricing .pricing-card.pro { + background: linear-gradient(333.31deg, #EFF3FB 6.36%, #FFFFFF 72.79%); +} +.landing-body .landing-pricing .pricing-card.enterprise { + background: linear-gradient(156.19deg, rgba(41, 50, 65, 0.8) 10.28%, rgba(35, 40, 49, 0.496) 87.74%); +} +.landing-body .landing-pricing .pricing-card.enterprise h2 { + margin: 0 0 14px; + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .price { + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .time { + color: #FFFFFF; + opacity: 0.6; +} +.landing-body .landing-pricing .pricing-card.enterprise > ul { + border-top: 1px solid rgba(255, 255, 255, 0.2); +} +.landing-body .landing-pricing .pricing-card.enterprise > ul > li { + color: #FFFFFF; +} +.landing-body .landing-pricing > a { + font-size: 24px; + line-height: 29px; + display: block; +} +.landing-body .layout-footer { + background-color: #FFFFFF; + position: relative; +} +.landing-body .layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.2); +} +.landing-body .layout-footer .footer-subtitle { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer ul > li { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer .newsletter-input { + background-color: rgba(41, 50, 65, 0.04); +} +.landing-body .layout-footer .footer-bottom { + color: rgba(41, 50, 65, 0.7); +} +.landing-body .layout-footer .footer-bottom h6 { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-mask { + display: none; + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.2); + z-index: 998; +} + +@media (max-width: 991px) { + .landing-body.block-scroll { + overflow: hidden; + } + .landing-body.block-scroll .landing-wrapper .landing-mask { + display: block; + } + .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu { + transform: translate3d(0px, 0px, 0px); + } + .landing-body .landing-wrapper .landing-topbar { + padding: 0 13px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu { + position: fixed; + flex-direction: column; + -ms-flex-align: end; + align-items: flex-end; + right: 0; + top: 0; + padding: 28px 15px; + z-index: 999; + width: 220px; + height: 100%; + background-color: #EEF5FF; + box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08); + transform: translate3d(260px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li { + margin: 0; + width: 100%; + margin-bottom: 12px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a { + padding: 6px 16px; + font-size: 14px; + text-align: right; + background-color: #EEF5FF; + display: block; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: rgba(41, 50, 65, 0.9); + font-size: 20px; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .second-menubutton { + display: none; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .landing-button { + margin-right: 20px; + } + .landing-body .landing-wrapper .landing-banner { + background-position: top; + padding: 80px 23px; + -ms-flex-pack: start; + justify-content: flex-start; + height: auto; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: left; + max-width: 262px; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > span { + font-size: 60px; + line-height: 91.84%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-features { + padding: 36px 20px 30px; + } + .landing-body .landing-wrapper .landing-features .lg\:col-3 { + transform: translateY(0) !important; + margin-top: auto !important; + } + .landing-body .landing-wrapper .landing-features .feature-empty { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature-3 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature-4 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature > span { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card { + padding-bottom: 28px !important; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-right: 12px; + margin-top: 8px; + display: block; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card > span { + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card > span { + color: #FFFFFF; + float: right; + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .section-header .title { + font-size: 60px; + line-height: 72px; + } + .landing-body .landing-wrapper .section-header h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 30px 20px 97px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card { + margin-bottom: 20px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card > ul { + display: none; + } + .landing-body .landing-wrapper .landing-pricing .preferred { + order: -1 !important; + } + .landing-body .landing-wrapper .landing-pricing .preferred .pricing-card > ul { + display: block; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background-image: url("#{resource['freya-layout:images/pages/search.png']}"); + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h3 { + color: rgba(41, 50, 65, 0.8); + font-weight: 500; +} +.help-page .help-search .search-container { + font-size: 1rem; + padding: 1rem; + position: relative; +} +.help-page .help-search .search-container input { + appearance: none; + font-size: 1rem; + text-indent: 2rem; + padding: 1rem; + width: 100%; +} +.help-page .help-search .search-container i { + width: 1rem; + position: absolute; + margin-left: 1rem; + top: 50%; + margin-top: -0.5rem; +} +.help-page .status-bars { + margin-top: 1rem; + display: -ms-flexbox; + display: flex; +} +.help-page .status-bars .status-bar { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: #6EC180; + height: 50px; + margin-right: 0.25rem; + transition: transform 0.2s; +} +.help-page .status-bars .status-bar:last-child { + margin-right: 0; +} +.help-page .status-bars .status-bar.status-bar-failure { + background: #FF6E49; +} +.help-page .status-bars .status-bar:hover { + transform: scale(1.1); +} +.help-page .status-bar-footer { + padding: 1rem 0 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.help-page .blog-post { + border-radius: 4px; + padding: 20px; + margin: 3rem 2rem; + border: 1px solid #dee2e6; + background-color: #ffffff; + position: relative; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.help-page .blog-post:last-child { + margin-bottom: 1rem; +} +.help-page .blog-post img { + width: 100%; + position: absolute; + left: 0; + top: 0; +} +.help-page .blog-post .blog-text h1 { + color: rgba(41, 50, 65, 0.8); + margin-bottom: 1rem; + font-weight: 500; +} +.help-page .blog-post .blog-text span { + color: rgba(41, 50, 65, 0.5); + line-height: 1.4; +} +.help-page .blog-post .blog-profile { + position: absolute; + top: -25px; + left: -25px; +} +.help-page .blog-post .blog-profile img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + height: 50px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 500; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; + font-weight: 300; +} +.invoice .invoice-details { + width: 15rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.invoice .invoice-details > div { + width: 50%; + margin-bottom: 0.5rem; +} +.invoice .invoice-details .invoice-label { + text-align: left; + font-weight: 500; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #F2F4F6; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 500; + margin-bottom: 0.5rem; +} +.invoice .invoice-to .invoice-to-info div { + margin-bottom: 0.5rem; +} +.invoice .invoice-items { + margin-top: 2rem; + padding-top: 2rem; +} +.invoice .invoice-items table { + width: 100%; + border-collapse: collapse; +} +.invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; +} +.invoice .invoice-items table th { + font-weight: 500; +} +.invoice .invoice-items table th, .invoice .invoice-items table td { + padding: 1rem; + text-align: right; +} +.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child { + text-align: left; +} +.invoice .invoice-summary { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 2.5rem; + padding-top: 2.5rem; +} +.invoice .invoice-summary .invoice-value { + font-weight: 500; +} + +@media print { + body * { + visibility: hidden; + } + + #invoice-content * { + visibility: visible; + } + + #invoice-content { + width: 100%; + position: absolute; + left: 0; + top: 0; + padding: 0; + margin: 0; + background: #ffffff; + color: rgba(41, 50, 65, 0.8); + } + + .invoice .invoice-to { + border-top: 1px solid #F2F4F6; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; + } +} +.layout-config { + width: 16rem; + height: 100%; + position: fixed; + right: 0; + top: 0; + padding: 1rem; + overflow: auto; + background: #ffffff; + z-index: 999; + border-left: 0 none; + transform: translateX(100%); + transition: transform 0.2s cubic-bezier(0.05, 0.74, 0.2, 0.99); +} +.layout-config.layout-config-active { + transform: translateX(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); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + transform: rotate(360deg); +} +.layout-config .ui-selectoneradio td { + padding: 0.5rem; +} +.layout-config p { + line-height: 1.5rem; + color: #6c757d; +} +.layout-config .layout-themes { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.layout-config .layout-themes > div { + padding: 0.25rem; +} +.layout-config .layout-themes a { + width: 2rem; + height: 2rem; + border-radius: 24px; + display: block; + position: relative; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + transition: transform 0.2s; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} +.layout-config .layout-themes a i { + font-size: 1rem; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +.layout-config .layout-themes a:hover { + transform: scale(1.1); +} + +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: #1976D2; + color: #ffffff; + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; + transition: background-color 0.2s; + 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: #2083e4; +} + +/* Add your customizations of the layout styles here */ +.layout-wrapper .layout-rightpanel .rightpanel-wrapper { + position: relative; + height: 100%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header { + text-align: center; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header .profile { + padding: 12px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions { + padding: 12px 6px 36px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .col-6, .layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .md\:col-4 { + padding: 0.2em; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav { + background-color: white; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header { + padding: 1rem; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + font-size: 12px; + font-weight: 500; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header > span { + font-size: 10px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background-color: #F7FAFF; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels { + background-color: white; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + width: 80%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 105px; + margin-right: 7px; +} diff --git a/src/main/resources/META-INF/resources/css/layout-light.scss b/src/main/resources/META-INF/resources/css/layout-light.scss new file mode 100644 index 0000000..ed65b45 --- /dev/null +++ b/src/main/resources/META-INF/resources/css/layout-light.scss @@ -0,0 +1,5 @@ +$primaryColor:#2170E7; +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_light'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/css/primeflex-v2.min.css b/src/main/resources/META-INF/resources/css/primeflex-v2.min.css new file mode 100644 index 0000000..1f4ccda --- /dev/null +++ b/src/main/resources/META-INF/resources/css/primeflex-v2.min.css @@ -0,0 +1 @@ +.p-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem;margin-top:-1rem}.p-grid>.p-col,.p-grid>[class*=p-col]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.p-nogutter{margin-right:0;margin-left:0;margin-top:0}.p-nogutter>.p-col,.p-nogutter>[class*=p-col-]{padding:0}.p-col{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;padding:1rem}.p-col-fixed{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1,.p-col-2,.p-col-3,.p-col-4,.p-col-5,.p-col-6,.p-col-7,.p-col-8,.p-col-9,.p-col-10,.p-col-11,.p-col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1{width:8.3333%}.p-col-2{width:16.6667%}.p-col-3{width:25%}.p-col-4{width:33.3333%}.p-col-5{width:41.6667%}.p-col-6{width:50%}.p-col-7{width:58.3333%}.p-col-8{width:66.6667%}.p-col-9{width:75%}.p-col-10{width:83.3333%}.p-col-11{width:91.6667%}.p-col-12{width:100%}.p-offset-12{margin-left:100%}.p-offset-11{margin-left:91.66666667%}.p-offset-10{margin-left:83.33333333%}.p-offset-9{margin-left:75%}.p-offset-8{margin-left:66.66666667%}.p-offset-7{margin-left:58.33333333%}.p-offset-6{margin-left:50%}.p-offset-5{margin-left:41.66666667%}.p-offset-4{margin-left:33.33333333%}.p-offset-3{margin-left:25%}.p-offset-2{margin-left:16.66666667%}.p-offset-1{margin-left:8.33333333%}.p-offset-0{margin-left:0%}.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12,.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12,.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12,.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{padding:1rem}.p-col-nogutter{padding:0}@media screen and (min-width: 576px){.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-sm-1{width:8.3333%}.p-sm-2{width:16.6667%}.p-sm-3{width:25%}.p-sm-4{width:33.3333%}.p-sm-5{width:41.6667%}.p-sm-6{width:50%}.p-sm-7{width:58.3333%}.p-sm-8{width:66.6667%}.p-sm-9{width:75%}.p-sm-10{width:83.3333%}.p-sm-11{width:91.6667%}.p-sm-12{width:100%}.p-sm-offset-12{margin-left:100%}.p-sm-offset-11{margin-left:91.66666667%}.p-sm-offset-10{margin-left:83.33333333%}.p-sm-offset-9{margin-left:75%}.p-sm-offset-8{margin-left:66.66666667%}.p-sm-offset-7{margin-left:58.33333333%}.p-sm-offset-6{margin-left:50%}.p-sm-offset-5{margin-left:41.66666667%}.p-sm-offset-4{margin-left:33.33333333%}.p-sm-offset-3{margin-left:25%}.p-sm-offset-2{margin-left:16.66666667%}.p-sm-offset-1{margin-left:8.33333333%}.p-sm-offset-0{margin-left:0%}}@media screen and (min-width: 768px){.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-md-1{width:8.3333%}.p-md-2{width:16.6667%}.p-md-3{width:25%}.p-md-4{width:33.3333%}.p-md-5{width:41.6667%}.p-md-6{width:50%}.p-md-7{width:58.3333%}.p-md-8{width:66.6667%}.p-md-9{width:75%}.p-md-10{width:83.3333%}.p-md-11{width:91.6667%}.p-md-12{width:100%}.p-md-offset-12{margin-left:100%}.p-md-offset-11{margin-left:91.66666667%}.p-md-offset-10{margin-left:83.33333333%}.p-md-offset-9{margin-left:75%}.p-md-offset-8{margin-left:66.66666667%}.p-md-offset-7{margin-left:58.33333333%}.p-md-offset-6{margin-left:50%}.p-md-offset-5{margin-left:41.66666667%}.p-md-offset-4{margin-left:33.33333333%}.p-md-offset-3{margin-left:25%}.p-md-offset-2{margin-left:16.66666667%}.p-md-offset-1{margin-left:8.33333333%}.p-md-offset-0{margin-left:0%}}@media screen and (min-width: 992px){.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-lg-1{width:8.3333%}.p-lg-2{width:16.6667%}.p-lg-3{width:25%}.p-lg-4{width:33.3333%}.p-lg-5{width:41.6667%}.p-lg-6{width:50%}.p-lg-7{width:58.3333%}.p-lg-8{width:66.6667%}.p-lg-9{width:75%}.p-lg-10{width:83.3333%}.p-lg-11{width:91.6667%}.p-lg-12{width:100%}.p-lg-offset-12{margin-left:100%}.p-lg-offset-11{margin-left:91.66666667%}.p-lg-offset-10{margin-left:83.33333333%}.p-lg-offset-9{margin-left:75%}.p-lg-offset-8{margin-left:66.66666667%}.p-lg-offset-7{margin-left:58.33333333%}.p-lg-offset-6{margin-left:50%}.p-lg-offset-5{margin-left:41.66666667%}.p-lg-offset-4{margin-left:33.33333333%}.p-lg-offset-3{margin-left:25%}.p-lg-offset-2{margin-left:16.66666667%}.p-lg-offset-1{margin-left:8.33333333%}.p-lg-offset-0{margin-left:0%}}@media screen and (min-width: 1200px){.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-xl-1{width:8.3333%}.p-xl-2{width:16.6667%}.p-xl-3{width:25%}.p-xl-4{width:33.3333%}.p-xl-5{width:41.6667%}.p-xl-6{width:50%}.p-xl-7{width:58.3333%}.p-xl-8{width:66.6667%}.p-xl-9{width:75%}.p-xl-10{width:83.3333%}.p-xl-11{width:91.6667%}.p-xl-12{width:100%}.p-xl-offset-12{margin-left:100%}.p-xl-offset-11{margin-left:91.66666667%}.p-xl-offset-10{margin-left:83.33333333%}.p-xl-offset-9{margin-left:75%}.p-xl-offset-8{margin-left:66.66666667%}.p-xl-offset-7{margin-left:58.33333333%}.p-xl-offset-6{margin-left:50%}.p-xl-offset-5{margin-left:41.66666667%}.p-xl-offset-4{margin-left:33.33333333%}.p-xl-offset-3{margin-left:25%}.p-xl-offset-2{margin-left:16.66666667%}.p-xl-offset-1{margin-left:8.33333333%}.p-xl-offset-0{margin-left:0%}}.p-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.p-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.p-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.p-justify-around{-ms-flex-pack:distribute;justify-content:space-around}.p-justify-even{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.p-align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.p-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.p-align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.p-col-align-start{-ms-flex-item-align:start;align-self:flex-start}.p-col-align-end{-ms-flex-item-align:end;align-self:flex-end}.p-col-align-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.p-col-align-baseline{-ms-flex-item-align:baseline;align-self:baseline}.p-col-align-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.p-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.p-dir-rev{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.p-dir-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dir-col-rev{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.p-dir-col>.p-col,.p-dir-col-rev>.p-col{-ms-flex-preferred-size:auto;flex-basis:auto}.p-col-order-first{-ms-flex-order:-1;order:-1}.p-col-order-last{-ms-flex-order:13;order:13}.p-col-order-0{-ms-flex-order:0;order:0}.p-col-order-1{-ms-flex-order:1;order:1}.p-col-order-2{-ms-flex-order:2;order:2}.p-col-order-3{-ms-flex-order:3;order:3}.p-col-order-4{-ms-flex-order:4;order:4}.p-col-order-5{-ms-flex-order:5;order:5}.p-col-order-6{-ms-flex-order:6;order:6}.p-col-order-7{-ms-flex-order:7;order:7}.p-col-order-8{-ms-flex-order:8;order:8}.p-col-order-9{-ms-flex-order:9;order:9}.p-col-order-10{-ms-flex-order:10;order:10}.p-col-order-11{-ms-flex-order:11;order:11}.p-col-order-12{-ms-flex-order:12;order:12}@media screen and (min-width: 576px){.p-sm-order-first{-ms-flex-order:-1;order:-1}.p-sm-order-last{-ms-flex-order:13;order:13}.p-sm-order-0{-ms-flex-order:0;order:0}.p-sm-order-1{-ms-flex-order:1;order:1}.p-sm-order-2{-ms-flex-order:2;order:2}.p-sm-order-3{-ms-flex-order:3;order:3}.p-sm-order-4{-ms-flex-order:4;order:4}.p-sm-order-5{-ms-flex-order:5;order:5}.p-sm-order-6{-ms-flex-order:6;order:6}.p-sm-order-7{-ms-flex-order:7;order:7}.p-sm-order-8{-ms-flex-order:8;order:8}.p-sm-order-9{-ms-flex-order:9;order:9}.p-sm-order-10{-ms-flex-order:10;order:10}.p-sm-order-11{-ms-flex-order:11;order:11}.p-sm-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 768px){.p-md-order-first{-ms-flex-order:-1;order:-1}.p-md-order-last{-ms-flex-order:13;order:13}.p-md-order-0{-ms-flex-order:0;order:0}.p-md-order-1{-ms-flex-order:1;order:1}.p-md-order-2{-ms-flex-order:2;order:2}.p-md-order-3{-ms-flex-order:3;order:3}.p-md-order-4{-ms-flex-order:4;order:4}.p-md-order-5{-ms-flex-order:5;order:5}.p-md-order-6{-ms-flex-order:6;order:6}.p-md-order-7{-ms-flex-order:7;order:7}.p-md-order-8{-ms-flex-order:8;order:8}.p-md-order-9{-ms-flex-order:9;order:9}.p-md-order-10{-ms-flex-order:10;order:10}.p-md-order-11{-ms-flex-order:11;order:11}.p-md-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 992px){.p-lg-order-first{-ms-flex-order:-1;order:-1}.p-lg-order-last{-ms-flex-order:13;order:13}.p-lg-order-0{-ms-flex-order:0;order:0}.p-lg-order-1{-ms-flex-order:1;order:1}.p-lg-order-2{-ms-flex-order:2;order:2}.p-lg-order-3{-ms-flex-order:3;order:3}.p-lg-order-4{-ms-flex-order:4;order:4}.p-lg-order-5{-ms-flex-order:5;order:5}.p-lg-order-6{-ms-flex-order:6;order:6}.p-lg-order-7{-ms-flex-order:7;order:7}.p-lg-order-8{-ms-flex-order:8;order:8}.p-lg-order-9{-ms-flex-order:9;order:9}.p-lg-order-10{-ms-flex-order:10;order:10}.p-lg-order-11{-ms-flex-order:11;order:11}.p-lg-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 1200px){.p-xl-order-first{-ms-flex-order:-1;order:-1}.p-xl-order-last{-ms-flex-order:13;order:13}.p-xl-order-0{-ms-flex-order:0;order:0}.p-xl-order-1{-ms-flex-order:1;order:1}.p-xl-order-2{-ms-flex-order:2;order:2}.p-xl-order-3{-ms-flex-order:3;order:3}.p-xl-order-4{-ms-flex-order:4;order:4}.p-xl-order-5{-ms-flex-order:5;order:5}.p-xl-order-6{-ms-flex-order:6;order:6}.p-xl-order-7{-ms-flex-order:7;order:7}.p-xl-order-8{-ms-flex-order:8;order:8}.p-xl-order-9{-ms-flex-order:9;order:9}.p-xl-order-10{-ms-flex-order:10;order:10}.p-xl-order-11{-ms-flex-order:11;order:11}.p-xl-order-12{-ms-flex-order:12;order:12}}.p-field{margin-bottom:1rem}.p-field>label{display:inline-block;margin-bottom:.5rem}.p-field.p-grid>label{display:flex;align-items:center}.p-field>small{margin-top:.25rem}.p-field.p-grid,.p-formgrid.p-grid{margin-top:0}.p-field.p-grid .p-col-fixed,.p-formgrid.p-grid .p-col-fixed,.p-field.p-grid .p-col,.p-formgrid.p-grid .p-col,.p-field.p-grid .p-col-1,.p-formgrid.p-grid .p-col-1,.p-field.p-grid .p-col-2,.p-formgrid.p-grid .p-col-2,.p-field.p-grid .p-col-3,.p-formgrid.p-grid .p-col-3,.p-field.p-grid .p-col-4,.p-formgrid.p-grid .p-col-4,.p-field.p-grid .p-col-5,.p-formgrid.p-grid .p-col-5,.p-field.p-grid .p-col-6,.p-formgrid.p-grid .p-col-6,.p-field.p-grid .p-col-7,.p-formgrid.p-grid .p-col-7,.p-field.p-grid .p-col-8,.p-formgrid.p-grid .p-col-8,.p-field.p-grid .p-col-9,.p-formgrid.p-grid .p-col-9,.p-field.p-grid .p-col-10,.p-formgrid.p-grid .p-col-10,.p-field.p-grid .p-col-11,.p-formgrid.p-grid .p-col-11,.p-field.p-grid .p-col-12,.p-formgrid.p-grid .p-col-12{padding-top:0;padding-bottom:0}.p-formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.p-formgroup-inline .p-field,.p-formgroup-inline .p-field-checkbox,.p-formgroup-inline .p-field-radiobutton{margin-right:1rem}.p-formgroup-inline .p-field>label,.p-formgroup-inline .p-field-checkbox>label,.p-formgroup-inline .p-field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.p-field-checkbox,.p-field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.p-field-checkbox>label,.p-field-radiobutton>label{margin-left:.5rem;line-height:1}.p-d-none{display:none !important}.p-d-inline{display:inline !important}.p-d-inline-block{display:inline-block !important}.p-d-block{display:block !important}.p-d-flex{display:flex !important}.p-d-inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.p-d-sm-none{display:none !important}.p-d-sm-inline{display:inline !important}.p-d-sm-inline-block{display:inline-block !important}.p-d-sm-block{display:block !important}.p-d-sm-flex{display:flex !important}.p-d-sm-inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.p-d-md-none{display:none !important}.p-d-md-inline{display:inline !important}.p-d-md-inline-block{display:inline-block !important}.p-d-md-block{display:block !important}.p-d-md-flex{display:flex !important}.p-d-md-inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.p-d-lg-none{display:none !important}.p-d-lg-inline{display:inline !important}.p-d-lg-inline-block{display:inline-block !important}.p-d-lg-block{display:block !important}.p-d-lg-flex{display:flex !important}.p-d-lg-inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.p-d-xl-none{display:none !important}.p-d-xl-inline{display:inline !important}.p-d-xl-inline-block{display:inline-block !important}.p-d-xl-block{display:block !important}.p-d-xl-flex{display:flex !important}.p-d-xl-inline-flex{display:inline-flex !important}}@media print{.p-d-print-none{display:none !important}.p-d-print-inline{display:inline !important}.p-d-print-inline-block{display:inline-block !important}.p-d-print-block{display:block !important}.p-d-print-flex{display:flex !important}.p-d-print-inline-flex{display:inline-flex !important}}.p-text-justify{text-align:justify !important}.p-text-left{text-align:left !important}.p-text-right{text-align:right !important}.p-text-center{text-align:center !important}.p-text-nowrap{white-space:nowrap !important}.p-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-text-lowercase{text-transform:lowercase !important}.p-text-uppercase{text-transform:uppercase !important}.p-text-capitalize{text-transform:capitalize !important}.p-text-bold{font-weight:700 !important}.p-text-normal{font-weight:400 !important}.p-text-light{font-weight:300 !important}.p-text-italic{font-style:italic !important}@media screen and (min-width: 576px){.p-text-sm-justify{text-align:justify !important}.p-text-sm-left{text-align:left !important}.p-text-sm-right{text-align:right !important}.p-text-sm-center{text-align:center !important}}@media screen and (min-width: 768px){.p-text-md-justify{text-align:justify !important}.p-text-md-left{text-align:left !important}.p-text-md-right{text-align:right !important}.p-text-md-center{text-align:center !important}}@media screen and (min-width: 992px){.p-text-lg-justify{text-align:justify !important}.p-text-lg-left{text-align:left !important}.p-text-lg-right{text-align:right !important}.p-text-lg-center{text-align:center !important}}@media screen and (min-width: 1200px){.p-text-xl-justify{text-align:justify !important}.p-text-xl-left{text-align:left !important}.p-text-xl-right{text-align:right !important}.p-text-xl-center{text-align:center !important}}.p-flex-row{flex-direction:row !important}.p-flex-row-reverse{flex-direction:row-reverse !important}.p-flex-column{flex-direction:column !important}.p-flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.p-flex-sm-row{flex-direction:row !important}.p-flex-sm-row-reverse{flex-direction:row-reverse !important}.p-flex-sm-column{flex-direction:column !important}.p-flex-sm-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.p-flex-md-row{flex-direction:row !important}.p-flex-md-row-reverse{flex-direction:row-reverse !important}.p-flex-md-column{flex-direction:column !important}.p-flex-md-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.p-flex-lg-row{flex-direction:row !important}.p-flex-lg-row-reverse{flex-direction:row-reverse !important}.p-flex-lg-column{flex-direction:column !important}.p-flex-lg-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.p-flex-xl-row{flex-direction:row !important}.p-flex-xl-row-reverse{flex-direction:row-reverse !important}.p-flex-xl-column{flex-direction:column !important}.p-flex-xl-column-reverse{flex-direction:column-reverse !important}}.p-jc-start{justify-content:flex-start}.p-jc-end{justify-content:flex-end}.p-jc-center{justify-content:center}.p-jc-between{justify-content:space-between}.p-jc-around{justify-content:space-around}.p-jc-evenly{justify-content:space-evenly}@media screen and (min-width: 576px){.p-jc-sm-start{justify-content:flex-start}.p-jc-sm-end{justify-content:flex-end}.p-jc-sm-center{justify-content:center}.p-jc-sm-between{justify-content:space-between}.p-jc-sm-around{justify-content:space-around}.p-jc-sm-evenly{justify-content:space-evenly}}@media screen and (min-width: 768px){.p-jc-md-start{justify-content:flex-start}.p-jc-md-end{justify-content:flex-end}.p-jc-md-center{justify-content:center}.p-jc-md-between{justify-content:space-between}.p-jc-md-around{justify-content:space-around}.p-jc-md-evenly{justify-content:space-evenly}}@media screen and (min-width: 992px){.p-jc-lg-start{justify-content:flex-start}.p-jc-lg-end{justify-content:flex-end}.p-jc-lg-center{justify-content:center}.p-jc-lg-between{justify-content:space-between}.p-jc-lg-around{justify-content:space-around}.p-jc-lg-evenly{justify-content:space-evenly}}@media screen and (min-width: 1200px){.p-jc-xl-start{justify-content:flex-start}.p-jc-xl-end{justify-content:flex-end}.p-jc-xl-center{justify-content:center}.p-jc-xl-between{justify-content:space-between}.p-jc-xl-around{justify-content:space-around}.p-jc-xl-evenly{justify-content:space-evenly}}.p-ai-start{align-items:flex-start}.p-ai-end{align-items:flex-end}.p-ai-center{align-items:center}.p-ai-baseline{align-items:baseline}.p-ai-stretch{align-items:stretch}@media screen and (min-width: 576px){.p-ai-sm-start{align-items:flex-start}.p-ai-sm-end{align-items:flex-end}.p-ai-sm-center{align-items:center}.p-ai-sm-baseline{align-items:baseline}.p-ai-sm-stretch{align-items:stretch}}@media screen and (min-width: 768px){.p-ai-md-start{align-items:flex-start}.p-ai-md-end{align-items:flex-end}.p-ai-md-center{align-items:center}.p-ai-md-baseline{align-items:baseline}.p-ai-md-stretch{align-items:stretch}}@media screen and (min-width: 992px){.p-ai-lg-start{align-items:flex-start}.p-ai-lg-end{align-items:flex-end}.p-ai-lg-center{align-items:center}.p-ai-lg-baseline{align-items:baseline}.p-ai-lg-stretch{align-items:stretch}}@media screen and (min-width: 1200px){.p-ai-xl-start{align-items:flex-start}.p-ai-xl-end{align-items:flex-end}.p-ai-xl-center{align-items:center}.p-ai-xl-baseline{align-items:baseline}.p-ai-xl-stretch{align-items:stretch}}.p-as-start{align-self:start}.p-as-end{align-self:flex-end}.p-as-center{align-self:center}.p-as-baseline{align-self:baseline}.p-as-stretch{align-self:stretch}@media screen and (min-width: 576px){.p-as-sm-start{align-self:start}.p-as-sm-end{align-self:flex-end}.p-as-sm-center{align-self:center}.p-as-sm-baseline{align-self:baseline}.p-as-sm-stretch{align-self:stretch}}@media screen and (min-width: 768px){.p-as-md-start{align-self:start}.p-as-md-end{align-self:flex-end}.p-as-md-center{align-self:center}.p-as-md-baseline{align-self:baseline}.p-as-md-stretch{align-self:stretch}}@media screen and (min-width: 992px){.p-as-lg-start{align-self:start}.p-as-lg-end{align-self:flex-end}.p-as-lg-center{align-self:center}.p-as-lg-baseline{align-self:baseline}.p-as-lg-stretch{align-self:stretch}}@media screen and (min-width: 1200px){.p-as-xl-start{align-self:start}.p-as-xl-end{align-self:flex-end}.p-as-xl-center{align-self:center}.p-as-xl-baseline{align-self:baseline}.p-as-xl-stretch{align-self:stretch}}.p-ac-start{align-content:flex-start}.p-ac-end{align-content:flex-end}.p-ac-center{align-content:center}.p-ac-around{align-content:space-around}.p-ac-stretch{align-content:stretch}.p-ac-between{align-content:space-between}@media screen and (min-width: 576px){.p-ac-sm-start{align-content:flex-start}.p-ac-sm-end{align-content:flex-end}.p-ac-sm-center{align-content:center}.p-ac-sm-around{align-content:space-around}.p-ac-sm-stretch{align-content:stretch}.p-ac-sm-between{align-content:space-between}}@media screen and (min-width: 768px){.p-ac-md-start{align-content:flex-start}.p-ac-md-end{align-content:flex-end}.p-ac-md-center{align-content:center}.p-ac-md-around{align-content:space-around}.p-ac-md-stretch{align-content:stretch}.p-ac-md-between{align-content:space-between}}@media screen and (min-width: 992px){.p-ac-lg-start{align-content:flex-start}.p-ac-lg-end{align-content:flex-end}.p-ac-lg-center{align-content:center}.p-ac-lg-around{align-content:space-around}.p-ac-lg-stretch{align-content:stretch}.p-ac-lg-between{align-content:space-between}}@media screen and (min-width: 1200px){.p-ac-xl-start{align-content:flex-start}.p-ac-xl-end{align-content:flex-end}.p-ac-xl-center{align-content:center}.p-ac-xl-around{align-content:space-around}.p-ac-xl-stretch{align-content:stretch}.p-ac-xl-between{align-content:space-between}}.p-order-0{order:0}.p-order-1{order:1}.p-order-2{order:2}.p-order-3{order:3}.p-order-4{order:4}.p-order-5{order:5}.p-order-6{order:6}@media screen and (min-width: 576px){.p-order-sm-0{order:0}.p-order-sm-1{order:1}.p-order-sm-2{order:2}.p-order-sm-3{order:3}.p-order-sm-4{order:4}.p-order-sm-5{order:5}.p-order-sm-6{order:6}}@media screen and (min-width: 768px){.p-order-md-0{order:0}.p-order-md-1{order:1}.p-order-md-2{order:2}.p-order-md-3{order:3}.p-order-md-4{order:4}.p-order-md-5{order:5}.p-order-md-6{order:6}}@media screen and (min-width: 992px){.p-order-lg-0{order:0}.p-order-lg-1{order:1}.p-order-lg-2{order:2}.p-order-lg-3{order:3}.p-order-lg-4{order:4}.p-order-lg-5{order:5}.p-order-lg-6{order:6}}@media screen and (min-width: 1200px){.p-order-xl-0{order:0}.p-order-xl-1{order:1}.p-order-xl-2{order:2}.p-order-xl-3{order:3}.p-order-xl-4{order:4}.p-order-xl-5{order:5}.p-order-xl-6{order:6}}.p-flex-nowrap{flex-wrap:nowrap}.p-flex-wrap{flex-wrap:wrap}.p-flex-wrap-reverse{flex-wrap:wrap-reverse}@media screen and (min-width: 576px){.p-flex-sm-nowrap{flex-wrap:nowrap}.p-flex-sm-wrap{flex-wrap:wrap}.p-flex-sm-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 768px){.p-flex-md-nowrap{flex-wrap:nowrap}.p-flex-md-wrap{flex-wrap:wrap}.p-flex-md-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 992px){.p-flex-lg-nowrap{flex-wrap:nowrap}.p-flex-lg-wrap{flex-wrap:wrap}.p-flex-lg-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 1200px){.p-flex-xl-nowrap{flex-wrap:nowrap}.p-flex-xl-wrap{flex-wrap:wrap}.p-flex-xl-wrap-reverse{flex-wrap:wrap-reverse}}.p-pt-0{padding-top:0 !important}.p-pt-1{padding-top:.25rem !important}.p-pt-2{padding-top:.5rem !important}.p-pt-3{padding-top:1rem !important}.p-pt-4{padding-top:1.5rem !important}.p-pt-5{padding-top:2rem !important}.p-pt-6{padding-top:3rem !important}.p-pr-0{padding-right:0 !important}.p-pr-1{padding-right:.25rem !important}.p-pr-2{padding-right:.5rem !important}.p-pr-3{padding-right:1rem !important}.p-pr-4{padding-right:1.5rem !important}.p-pr-5{padding-right:2rem !important}.p-pr-6{padding-right:3rem !important}.p-pl-0{padding-left:0 !important}.p-pl-1{padding-left:.25rem !important}.p-pl-2{padding-left:.5rem !important}.p-pl-3{padding-left:1rem !important}.p-pl-4{padding-left:1.5rem !important}.p-pl-5{padding-left:2rem !important}.p-pl-6{padding-left:3rem !important}.p-pb-0{padding-bottom:0 !important}.p-pb-1{padding-bottom:.25rem !important}.p-pb-2{padding-bottom:.5rem !important}.p-pb-3{padding-bottom:1rem !important}.p-pb-4{padding-bottom:1.5rem !important}.p-pb-5{padding-bottom:2rem !important}.p-pb-6{padding-bottom:3rem !important}.p-px-0{padding-left:0 !important;padding-right:0 !important}.p-px-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-0{padding:0 !important}.p-p-1{padding:.25rem !important}.p-p-2{padding:.5rem !important}.p-p-3{padding:1rem !important}.p-p-4{padding:1.5rem !important}.p-p-5{padding:2rem !important}.p-p-6{padding:3rem !important}@media screen and (min-width: 576px){.p-pt-sm-0{padding-top:0 !important}.p-pt-sm-1{padding-top:.25rem !important}.p-pt-sm-2{padding-top:.5rem !important}.p-pt-sm-3{padding-top:1rem !important}.p-pt-sm-4{padding-top:1.5rem !important}.p-pt-sm-5{padding-top:2rem !important}.p-pt-sm-6{padding-top:3rem !important}.p-pr-sm-0{padding-right:0 !important}.p-pr-sm-1{padding-right:.25rem !important}.p-pr-sm-2{padding-right:.5rem !important}.p-pr-sm-3{padding-right:1rem !important}.p-pr-sm-4{padding-right:1.5rem !important}.p-pr-sm-5{padding-right:2rem !important}.p-pr-sm-6{padding-right:3rem !important}.p-pl-sm-0{padding-left:0 !important}.p-pl-sm-1{padding-left:.25rem !important}.p-pl-sm-2{padding-left:.5rem !important}.p-pl-sm-3{padding-left:1rem !important}.p-pl-sm-4{padding-left:1.5rem !important}.p-pl-sm-5{padding-left:2rem !important}.p-pl-sm-6{padding-left:3rem !important}.p-pb-sm-0{padding-bottom:0 !important}.p-pb-sm-1{padding-bottom:.25rem !important}.p-pb-sm-2{padding-bottom:.5rem !important}.p-pb-sm-3{padding-bottom:1rem !important}.p-pb-sm-4{padding-bottom:1.5rem !important}.p-pb-sm-5{padding-bottom:2rem !important}.p-pb-sm-6{padding-bottom:3rem !important}.p-px-sm-0{padding-left:0 !important;padding-right:0 !important}.p-px-sm-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-sm-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-sm-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-sm-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-sm-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-sm-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-sm-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-sm-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-sm-0{padding:0 !important}.p-p-sm-1{padding:.25rem !important}.p-p-sm-2{padding:.5rem !important}.p-p-sm-3{padding:1rem !important}.p-p-sm-4{padding:1.5rem !important}.p-p-sm-5{padding:2rem !important}.p-p-sm-6{padding:3rem !important}}@media screen and (min-width: 768px){.p-pt-md-0{padding-top:0 !important}.p-pt-md-1{padding-top:.25rem !important}.p-pt-md-2{padding-top:.5rem !important}.p-pt-md-3{padding-top:1rem !important}.p-pt-md-4{padding-top:1.5rem !important}.p-pt-md-5{padding-top:2rem !important}.p-pt-md-6{padding-top:3rem !important}.p-pr-md-0{padding-right:0 !important}.p-pr-md-1{padding-right:.25rem !important}.p-pr-md-2{padding-right:.5rem !important}.p-pr-md-3{padding-right:1rem !important}.p-pr-md-4{padding-right:1.5rem !important}.p-pr-md-5{padding-right:2rem !important}.p-pr-md-6{padding-right:3rem !important}.p-pl-md-0{padding-left:0 !important}.p-pl-md-1{padding-left:.25rem !important}.p-pl-md-2{padding-left:.5rem !important}.p-pl-md-3{padding-left:1rem !important}.p-pl-md-4{padding-left:1.5rem !important}.p-pl-md-5{padding-left:2rem !important}.p-pl-md-6{padding-left:3rem !important}.p-pb-md-0{padding-bottom:0 !important}.p-pb-md-1{padding-bottom:.25rem !important}.p-pb-md-2{padding-bottom:.5rem !important}.p-pb-md-3{padding-bottom:1rem !important}.p-pb-md-4{padding-bottom:1.5rem !important}.p-pb-md-5{padding-bottom:2rem !important}.p-pb-md-6{padding-bottom:3rem !important}.p-px-md-0{padding-left:0 !important;padding-right:0 !important}.p-px-md-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-md-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-md-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-md-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-md-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-md-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-md-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-md-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-md-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-md-0{padding:0 !important}.p-p-md-1{padding:.25rem !important}.p-p-md-2{padding:.5rem !important}.p-p-md-3{padding:1rem !important}.p-p-md-4{padding:1.5rem !important}.p-p-md-5{padding:2rem !important}.p-p-md-6{padding:3rem !important}}@media screen and (min-width: 992px){.p-pt-lg-0{padding-top:0 !important}.p-pt-lg-1{padding-top:.25rem !important}.p-pt-lg-2{padding-top:.5rem !important}.p-pt-lg-3{padding-top:1rem !important}.p-pt-lg-4{padding-top:1.5rem !important}.p-pt-lg-5{padding-top:2rem !important}.p-pt-lg-6{padding-top:3rem !important}.p-pt-lg-auto{padding-top:3rem !important}.p-pr-lg-0{padding-right:0 !important}.p-pr-lg-1{padding-right:.25rem !important}.p-pr-lg-2{padding-right:.5rem !important}.p-pr-lg-3{padding-right:1rem !important}.p-pr-lg-4{padding-right:1.5rem !important}.p-pr-lg-5{padding-right:2rem !important}.p-pr-lg-6{padding-right:3rem !important}.p-pl-lg-0{padding-left:0 !important}.p-pl-lg-1{padding-left:.25rem !important}.p-pl-lg-2{padding-left:.5rem !important}.p-pl-lg-3{padding-left:1rem !important}.p-pl-lg-4{padding-left:1.5rem !important}.p-pl-lg-5{padding-left:2rem !important}.p-pl-lg-6{padding-left:3rem !important}.p-pb-lg-0{padding-bottom:0 !important}.p-pb-lg-1{padding-bottom:.25rem !important}.p-pb-lg-2{padding-bottom:.5rem !important}.p-pb-lg-3{padding-bottom:1rem !important}.p-pb-lg-4{padding-bottom:1.5rem !important}.p-pb-lg-5{padding-bottom:2rem !important}.p-pb-lg-6{padding-bottom:3rem !important}.p-px-lg-0{padding-left:0 !important;padding-right:0 !important}.p-px-lg-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-lg-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-lg-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-lg-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-lg-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-lg-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-lg-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-lg-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-lg-0{padding:0 !important}.p-p-lg-1{padding:.25rem !important}.p-p-lg-2{padding:.5rem !important}.p-p-lg-3{padding:1rem !important}.p-p-lg-4{padding:1.5rem !important}.p-p-lg-5{padding:2rem !important}.p-p-lg-6{padding:3rem !important}}@media screen and (min-width: 1200px){.p-pt-xl-0{padding-top:0 !important}.p-pt-xl-1{padding-top:.25rem !important}.p-pt-xl-2{padding-top:.5rem !important}.p-pt-xl-3{padding-top:1rem !important}.p-pt-xl-4{padding-top:1.5rem !important}.p-pt-xl-5{padding-top:2rem !important}.p-pt-xl-6{padding-top:3rem !important}.p-pr-xl-0{padding-right:0 !important}.p-pr-xl-1{padding-right:.25rem !important}.p-pr-xl-2{padding-right:.5rem !important}.p-pr-xl-3{padding-right:1rem !important}.p-pr-xl-4{padding-right:1.5rem !important}.p-pr-xl-5{padding-right:2rem !important}.p-pr-xl-6{padding-right:3rem !important}.p-pl-xl-0{padding-left:0 !important}.p-pl-xl-1{padding-left:.25rem !important}.p-pl-xl-2{padding-left:.5rem !important}.p-pl-xl-3{padding-left:1rem !important}.p-pl-xl-4{padding-left:1.5rem !important}.p-pl-xl-5{padding-left:2rem !important}.p-pl-xl-6{padding-left:3rem !important}.p-pb-xl-0{padding-bottom:0 !important}.p-pb-xl-1{padding-bottom:.25rem !important}.p-pb-xl-2{padding-bottom:.5rem !important}.p-pb-xl-3{padding-bottom:1rem !important}.p-pb-xl-4{padding-bottom:1.5rem !important}.p-pb-xl-5{padding-bottom:2rem !important}.p-pb-xl-6{padding-bottom:3rem !important}.p-px-xl-0{padding-left:0 !important;padding-right:0 !important}.p-px-xl-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-xl-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-xl-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-xl-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-xl-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-xl-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-xl-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-xl-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-xl-0{padding:0 !important}.p-p-xl-1{padding:.25rem !important}.p-p-xl-2{padding:.5rem !important}.p-p-xl-3{padding:1rem !important}.p-p-xl-4{padding:1.5rem !important}.p-p-xl-5{padding:2rem !important}.p-p-xl-6{padding:3rem !important}}.p-mt-0{margin-top:0 !important}.p-mt-1{margin-top:.25rem !important}.p-mt-2{margin-top:.5rem !important}.p-mt-3{margin-top:1rem !important}.p-mt-4{margin-top:1.5rem !important}.p-mt-5{margin-top:2rem !important}.p-mt-6{margin-top:3rem !important}.p-mt-auto{margin-top:auto !important}.p-mr-0{margin-right:0 !important}.p-mr-1{margin-right:.25rem !important}.p-mr-2{margin-right:.5rem !important}.p-mr-3{margin-right:1rem !important}.p-mr-4{margin-right:1.5rem !important}.p-mr-5{margin-right:2rem !important}.p-mr-6{margin-right:3rem !important}.p-mr-auto{margin-right:auto !important}.p-ml-0{margin-left:0 !important}.p-ml-1{margin-left:.25rem !important}.p-ml-2{margin-left:.5rem !important}.p-ml-3{margin-left:1rem !important}.p-ml-4{margin-left:1.5rem !important}.p-ml-5{margin-left:2rem !important}.p-ml-6{margin-left:3rem !important}.p-ml-auto{margin-left:auto !important}.p-mb-0{margin-bottom:0 !important}.p-mb-1{margin-bottom:.25rem !important}.p-mb-2{margin-bottom:.5rem !important}.p-mb-3{margin-bottom:1rem !important}.p-mb-4{margin-bottom:1.5rem !important}.p-mb-5{margin-bottom:2rem !important}.p-mb-6{margin-bottom:3rem !important}.p-mb-auto{margin-bottom:auto !important}.p-mx-0{margin-left:0 !important;margin-right:0 !important}.p-mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-auto{margin-left:auto !important;margin-right:auto !important}.p-my-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-0{margin:0 !important}.p-m-1{margin:.25rem !important}.p-m-2{margin:.5rem !important}.p-m-3{margin:1rem !important}.p-m-4{margin:1.5rem !important}.p-m-5{margin:2rem !important}.p-m-6{margin:3rem !important}.p-m-auto{margin:auto !important}@media screen and (min-width: 576px){.p-mt-sm-0{margin-top:0 !important}.p-mt-sm-1{margin-top:.25rem !important}.p-mt-sm-2{margin-top:.5rem !important}.p-mt-sm-3{margin-top:1rem !important}.p-mt-sm-4{margin-top:1.5rem !important}.p-mt-sm-5{margin-top:2rem !important}.p-mt-sm-6{margin-top:3rem !important}.p-mt-sm-auto{margin-top:3rem !important}.p-mr-sm-0{margin-right:0 !important}.p-mr-sm-1{margin-right:.25rem !important}.p-mr-sm-2{margin-right:.5rem !important}.p-mr-sm-3{margin-right:1rem !important}.p-mr-sm-4{margin-right:1.5rem !important}.p-mr-sm-5{margin-right:2rem !important}.p-mr-sm-6{margin-right:3rem !important}.p-mr-sm-auto{margin-right:auto !important}.p-ml-sm-0{margin-left:0 !important}.p-ml-sm-1{margin-left:.25rem !important}.p-ml-sm-2{margin-left:.5rem !important}.p-ml-sm-3{margin-left:1rem !important}.p-ml-sm-4{margin-left:1.5rem !important}.p-ml-sm-5{margin-left:2rem !important}.p-ml-sm-6{margin-left:3rem !important}.p-ml-sm-auto{margin-left:auto !important}.p-mb-sm-0{margin-bottom:0 !important}.p-mb-sm-1{margin-bottom:.25rem !important}.p-mb-sm-2{margin-bottom:.5rem !important}.p-mb-sm-3{margin-bottom:1rem !important}.p-mb-sm-4{margin-bottom:1.5rem !important}.p-mb-sm-5{margin-bottom:2rem !important}.p-mb-sm-6{margin-bottom:3rem !important}.p-mb-sm-auto{margin-bottom:auto !important}.p-mx-sm-0{margin-left:0 !important;margin-right:0 !important}.p-mx-sm-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-sm-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-sm-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-sm-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-sm-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-sm-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-sm-auto{margin-left:auto !important;margin-right:auto !important}.p-my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-sm-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-sm-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-sm-0{margin:0 !important}.p-m-sm-1{margin:.25rem !important}.p-m-sm-2{margin:.5rem !important}.p-m-sm-3{margin:1rem !important}.p-m-sm-4{margin:1.5rem !important}.p-m-sm-5{margin:2rem !important}.p-m-sm-6{margin:3rem !important}.p-m-sm-auto{margin:auto !important}}@media screen and (min-width: 768px){.p-mt-md-0{margin-top:0 !important}.p-mt-md-1{margin-top:.25rem !important}.p-mt-md-2{margin-top:.5rem !important}.p-mt-md-3{margin-top:1rem !important}.p-mt-md-4{margin-top:1.5rem !important}.p-mt-md-5{margin-top:2rem !important}.p-mt-md-6{margin-top:3rem !important}.p-mt-md-auto{margin-top:3rem !important}.p-mr-md-0{margin-right:0 !important}.p-mr-md-1{margin-right:.25rem !important}.p-mr-md-2{margin-right:.5rem !important}.p-mr-md-3{margin-right:1rem !important}.p-mr-md-4{margin-right:1.5rem !important}.p-mr-md-5{margin-right:2rem !important}.p-mr-md-6{margin-right:3rem !important}.p-mr-md-auto{margin-right:auto !important}.p-ml-md-0{margin-left:0 !important}.p-ml-md-1{margin-left:.25rem !important}.p-ml-md-2{margin-left:.5rem !important}.p-ml-md-3{margin-left:1rem !important}.p-ml-md-4{margin-left:1.5rem !important}.p-ml-md-5{margin-left:2rem !important}.p-ml-md-6{margin-left:3rem !important}.p-ml-md-auto{margin-left:auto !important}.p-mb-md-0{margin-bottom:0 !important}.p-mb-md-1{margin-bottom:.25rem !important}.p-mb-md-2{margin-bottom:.5rem !important}.p-mb-md-3{margin-bottom:1rem !important}.p-mb-md-4{margin-bottom:1.5rem !important}.p-mb-md-5{margin-bottom:2rem !important}.p-mb-md-6{margin-bottom:3rem !important}.p-mb-md-auto{margin-bottom:auto !important}.p-mx-md-0{margin-left:0 !important;margin-right:0 !important}.p-mx-md-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-md-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-md-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-md-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-md-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-md-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-md-auto{margin-left:auto !important;margin-right:auto !important}.p-my-md-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-md-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-md-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-md-0{margin:0 !important}.p-m-md-1{margin:.25rem !important}.p-m-md-2{margin:.5rem !important}.p-m-md-3{margin:1rem !important}.p-m-md-4{margin:1.5rem !important}.p-m-md-5{margin:2rem !important}.p-m-md-6{margin:3rem !important}.p-m-md-auto{margin:auto !important}}@media screen and (min-width: 992px){.p-mt-lg-0{margin-top:0 !important}.p-mt-lg-1{margin-top:.25rem !important}.p-mt-lg-2{margin-top:.5rem !important}.p-mt-lg-3{margin-top:1rem !important}.p-mt-lg-4{margin-top:1.5rem !important}.p-mt-lg-5{margin-top:2rem !important}.p-mt-lg-6{margin-top:3rem !important}.p-mt-lg-auto{margin-top:3rem !important}.p-mr-lg-0{margin-right:0 !important}.p-mr-lg-1{margin-right:.25rem !important}.p-mr-lg-2{margin-right:.5rem !important}.p-mr-lg-3{margin-right:1rem !important}.p-mr-lg-4{margin-right:1.5rem !important}.p-mr-lg-5{margin-right:2rem !important}.p-mr-lg-6{margin-right:3rem !important}.p-mr-lg-auto{margin-right:auto !important}.p-ml-lg-0{margin-left:0 !important}.p-ml-lg-1{margin-left:.25rem !important}.p-ml-lg-2{margin-left:.5rem !important}.p-ml-lg-3{margin-left:1rem !important}.p-ml-lg-4{margin-left:1.5rem !important}.p-ml-lg-5{margin-left:2rem !important}.p-ml-lg-6{margin-left:3rem !important}.p-ml-lg-auto{margin-left:auto !important}.p-mb-lg-0{margin-bottom:0 !important}.p-mb-lg-1{margin-bottom:.25rem !important}.p-mb-lg-2{margin-bottom:.5rem !important}.p-mb-lg-3{margin-bottom:1rem !important}.p-mb-lg-4{margin-bottom:1.5rem !important}.p-mb-lg-5{margin-bottom:2rem !important}.p-mb-lg-6{margin-bottom:3rem !important}.p-mb-lg-auto{margin-bottom:auto !important}.p-mx-lg-0{margin-left:0 !important;margin-right:0 !important}.p-mx-lg-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-lg-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-lg-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-lg-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-lg-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-lg-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-lg-auto{margin-left:auto !important;margin-right:auto !important}.p-my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-lg-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-lg-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-lg-0{margin:0 !important}.p-m-lg-1{margin:.25rem !important}.p-m-lg-2{margin:.5rem !important}.p-m-lg-3{margin:1rem !important}.p-m-lg-4{margin:1.5rem !important}.p-m-lg-5{margin:2rem !important}.p-m-lg-6{margin:3rem !important}.p-m-lg-auto{margin:auto !important}}@media screen and (min-width: 1200px){.p-mt-xl-0{margin-top:0 !important}.p-mt-xl-1{margin-top:.25rem !important}.p-mt-xl-2{margin-top:.5rem !important}.p-mt-xl-3{margin-top:1rem !important}.p-mt-xl-4{margin-top:1.5rem !important}.p-mt-xl-5{margin-top:2rem !important}.p-mt-xl-6{margin-top:3rem !important}.p-mt-xl-auto{margin-top:3rem !important}.p-mr-xl-0{margin-right:0 !important}.p-mr-xl-1{margin-right:.25rem !important}.p-mr-xl-2{margin-right:.5rem !important}.p-mr-xl-3{margin-right:1rem !important}.p-mr-xl-4{margin-right:1.5rem !important}.p-mr-xl-5{margin-right:2rem !important}.p-mr-xl-6{margin-right:3rem !important}.p-mr-xl-auto{margin-right:auto !important}.p-ml-xl-0{margin-left:0 !important}.p-ml-xl-1{margin-left:.25rem !important}.p-ml-xl-2{margin-left:.5rem !important}.p-ml-xl-3{margin-left:1rem !important}.p-ml-xl-4{margin-left:1.5rem !important}.p-ml-xl-5{margin-left:2rem !important}.p-ml-xl-6{margin-left:3rem !important}.p-ml-xl-auto{margin-left:auto !important}.p-mb-xl-0{margin-bottom:0 !important}.p-mb-xl-1{margin-bottom:.25rem !important}.p-mb-xl-2{margin-bottom:.5rem !important}.p-mb-xl-3{margin-bottom:1rem !important}.p-mb-xl-4{margin-bottom:1.5rem !important}.p-mb-xl-5{margin-bottom:2rem !important}.p-mb-xl-6{margin-bottom:3rem !important}.p-mb-xl-auto{margin-bottom:auto !important}.p-mx-xl-0{margin-left:0 !important;margin-right:0 !important}.p-mx-xl-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-xl-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-xl-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-xl-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-xl-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-xl-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-xl-auto{margin-left:auto !important;margin-right:auto !important}.p-my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-xl-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-xl-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-xl-0{margin:0 !important}.p-m-xl-1{margin:.25rem !important}.p-m-xl-2{margin:.5rem !important}.p-m-xl-3{margin:1rem !important}.p-m-xl-4{margin:1.5rem !important}.p-m-xl-5{margin:2rem !important}.p-m-xl-6{margin:3rem !important}.p-m-xl-auto{margin:auto !important}}.p-shadow-1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.p-shadow-2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.p-shadow-3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.p-shadow-4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.p-shadow-5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.p-shadow-6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.p-shadow-7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.p-shadow-8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.p-shadow-9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.p-shadow-10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.p-shadow-11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.p-shadow-12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.p-shadow-13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.p-shadow-14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.p-shadow-15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.p-shadow-16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.p-shadow-17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.p-shadow-18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.p-shadow-19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.p-shadow-20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.p-shadow-21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.p-shadow-22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.p-shadow-23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.p-shadow-24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/css/primeflex.min.css b/src/main/resources/META-INF/resources/css/primeflex.min.css new file mode 100644 index 0000000..bfe2752 --- /dev/null +++ b/src/main/resources/META-INF/resources/css/primeflex.min.css @@ -0,0 +1 @@ +.grid{display:flex;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem;margin-top:-0.5rem}.grid>.col,.grid>[class*=col]{box-sizing:border-box}.grid-nogutter{margin-right:0;margin-left:0;margin-top:0}.grid-nogutter>.col,.grid-nogutter>[class*=col-]{padding:0}.col{flex-grow:1;flex-basis:0;padding:.5rem}.col-fixed{flex:0 0 auto;padding:.5rem}.col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.col-3{flex:0 0 auto;padding:.5rem;width:25%}.col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.col-6{flex:0 0 auto;padding:.5rem;width:50%}.col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.col-9{flex:0 0 auto;padding:.5rem;width:75%}.col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.col-12{flex:0 0 auto;padding:.5rem;width:100%}@media screen and (min-width: 576px){.sm\:col{flex-grow:1;flex-basis:0;padding:.5rem}.sm\:col-fixed{flex:0 0 auto;padding:.5rem}.sm\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.sm\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.sm\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.sm\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.sm\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.sm\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.sm\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.sm\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.sm\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.sm\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.sm\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.sm\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 768px){.md\:col{flex-grow:1;flex-basis:0;padding:.5rem}.md\:col-fixed{flex:0 0 auto;padding:.5rem}.md\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.md\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.md\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.md\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.md\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.md\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.md\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.md\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.md\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.md\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.md\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.md\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 992px){.lg\:col{flex-grow:1;flex-basis:0;padding:.5rem}.lg\:col-fixed{flex:0 0 auto;padding:.5rem}.lg\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.lg\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.lg\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.lg\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.lg\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.lg\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.lg\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.lg\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.lg\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.lg\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.lg\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.lg\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 1200px){.xl\:col{flex-grow:1;flex-basis:0;padding:.5rem}.xl\:col-fixed{flex:0 0 auto;padding:.5rem}.xl\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.xl\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.xl\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.xl\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.xl\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.xl\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.xl\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.xl\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.xl\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.xl\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.xl\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.xl\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}.col-offset-0{margin-left:0 !important}.col-offset-1{margin-left:8.3333% !important}.col-offset-2{margin-left:16.6667% !important}.col-offset-3{margin-left:25% !important}.col-offset-4{margin-left:33.3333% !important}.col-offset-5{margin-left:41.6667% !important}.col-offset-6{margin-left:50% !important}.col-offset-7{margin-left:58.3333% !important}.col-offset-8{margin-left:66.6667% !important}.col-offset-9{margin-left:75% !important}.col-offset-10{margin-left:83.3333% !important}.col-offset-11{margin-left:91.6667% !important}.col-offset-12{margin-left:100% !important}@media screen and (min-width: 576px){.sm\:col-offset-0{margin-left:0 !important}.sm\:col-offset-1{margin-left:8.3333% !important}.sm\:col-offset-2{margin-left:16.6667% !important}.sm\:col-offset-3{margin-left:25% !important}.sm\:col-offset-4{margin-left:33.3333% !important}.sm\:col-offset-5{margin-left:41.6667% !important}.sm\:col-offset-6{margin-left:50% !important}.sm\:col-offset-7{margin-left:58.3333% !important}.sm\:col-offset-8{margin-left:66.6667% !important}.sm\:col-offset-9{margin-left:75% !important}.sm\:col-offset-10{margin-left:83.3333% !important}.sm\:col-offset-11{margin-left:91.6667% !important}.sm\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 768px){.md\:col-offset-0{margin-left:0 !important}.md\:col-offset-1{margin-left:8.3333% !important}.md\:col-offset-2{margin-left:16.6667% !important}.md\:col-offset-3{margin-left:25% !important}.md\:col-offset-4{margin-left:33.3333% !important}.md\:col-offset-5{margin-left:41.6667% !important}.md\:col-offset-6{margin-left:50% !important}.md\:col-offset-7{margin-left:58.3333% !important}.md\:col-offset-8{margin-left:66.6667% !important}.md\:col-offset-9{margin-left:75% !important}.md\:col-offset-10{margin-left:83.3333% !important}.md\:col-offset-11{margin-left:91.6667% !important}.md\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 992px){.lg\:col-offset-0{margin-left:0 !important}.lg\:col-offset-1{margin-left:8.3333% !important}.lg\:col-offset-2{margin-left:16.6667% !important}.lg\:col-offset-3{margin-left:25% !important}.lg\:col-offset-4{margin-left:33.3333% !important}.lg\:col-offset-5{margin-left:41.6667% !important}.lg\:col-offset-6{margin-left:50% !important}.lg\:col-offset-7{margin-left:58.3333% !important}.lg\:col-offset-8{margin-left:66.6667% !important}.lg\:col-offset-9{margin-left:75% !important}.lg\:col-offset-10{margin-left:83.3333% !important}.lg\:col-offset-11{margin-left:91.6667% !important}.lg\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 1200px){.xl\:col-offset-0{margin-left:0 !important}.xl\:col-offset-1{margin-left:8.3333% !important}.xl\:col-offset-2{margin-left:16.6667% !important}.xl\:col-offset-3{margin-left:25% !important}.xl\:col-offset-4{margin-left:33.3333% !important}.xl\:col-offset-5{margin-left:41.6667% !important}.xl\:col-offset-6{margin-left:50% !important}.xl\:col-offset-7{margin-left:58.3333% !important}.xl\:col-offset-8{margin-left:66.6667% !important}.xl\:col-offset-9{margin-left:75% !important}.xl\:col-offset-10{margin-left:83.3333% !important}.xl\:col-offset-11{margin-left:91.6667% !important}.xl\:col-offset-12{margin-left:100% !important}}.text-0{color:var(--surface-0) !important}.text-50{color:var(--surface-50) !important}.text-100{color:var(--surface-100) !important}.text-200{color:var(--surface-200) !important}.text-300{color:var(--surface-300) !important}.text-400{color:var(--surface-400) !important}.text-500{color:var(--surface-500) !important}.text-600{color:var(--surface-600) !important}.text-700{color:var(--surface-700) !important}.text-800{color:var(--surface-800) !important}.text-900{color:var(--surface-900) !important}.focus\:text-0:focus{color:var(--surface-0) !important}.hover\:text-0:hover{color:var(--surface-0) !important}.active\:text-0:active{color:var(--surface-0) !important}.focus\:text-50:focus{color:var(--surface-50) !important}.hover\:text-50:hover{color:var(--surface-50) !important}.active\:text-50:active{color:var(--surface-50) !important}.focus\:text-100:focus{color:var(--surface-100) !important}.hover\:text-100:hover{color:var(--surface-100) !important}.active\:text-100:active{color:var(--surface-100) !important}.focus\:text-200:focus{color:var(--surface-200) !important}.hover\:text-200:hover{color:var(--surface-200) !important}.active\:text-200:active{color:var(--surface-200) !important}.focus\:text-300:focus{color:var(--surface-300) !important}.hover\:text-300:hover{color:var(--surface-300) !important}.active\:text-300:active{color:var(--surface-300) !important}.focus\:text-400:focus{color:var(--surface-400) !important}.hover\:text-400:hover{color:var(--surface-400) !important}.active\:text-400:active{color:var(--surface-400) !important}.focus\:text-500:focus{color:var(--surface-500) !important}.hover\:text-500:hover{color:var(--surface-500) !important}.active\:text-500:active{color:var(--surface-500) !important}.focus\:text-600:focus{color:var(--surface-600) !important}.hover\:text-600:hover{color:var(--surface-600) !important}.active\:text-600:active{color:var(--surface-600) !important}.focus\:text-700:focus{color:var(--surface-700) !important}.hover\:text-700:hover{color:var(--surface-700) !important}.active\:text-700:active{color:var(--surface-700) !important}.focus\:text-800:focus{color:var(--surface-800) !important}.hover\:text-800:hover{color:var(--surface-800) !important}.active\:text-800:active{color:var(--surface-800) !important}.focus\:text-900:focus{color:var(--surface-900) !important}.hover\:text-900:hover{color:var(--surface-900) !important}.active\:text-900:active{color:var(--surface-900) !important}.surface-0{background-color:var(--surface-0) !important}.surface-50{background-color:var(--surface-50) !important}.surface-100{background-color:var(--surface-100) !important}.surface-200{background-color:var(--surface-200) !important}.surface-300{background-color:var(--surface-300) !important}.surface-400{background-color:var(--surface-400) !important}.surface-500{background-color:var(--surface-500) !important}.surface-600{background-color:var(--surface-600) !important}.surface-700{background-color:var(--surface-700) !important}.surface-800{background-color:var(--surface-800) !important}.surface-900{background-color:var(--surface-900) !important}.focus\:surface-0:focus{background-color:var(--surface-0) !important}.hover\:surface-0:hover{background-color:var(--surface-0) !important}.active\:surface-0:active{background-color:var(--surface-0) !important}.focus\:surface-50:focus{background-color:var(--surface-50) !important}.hover\:surface-50:hover{background-color:var(--surface-50) !important}.active\:surface-50:active{background-color:var(--surface-50) !important}.focus\:surface-100:focus{background-color:var(--surface-100) !important}.hover\:surface-100:hover{background-color:var(--surface-100) !important}.active\:surface-100:active{background-color:var(--surface-100) !important}.focus\:surface-200:focus{background-color:var(--surface-200) !important}.hover\:surface-200:hover{background-color:var(--surface-200) !important}.active\:surface-200:active{background-color:var(--surface-200) !important}.focus\:surface-300:focus{background-color:var(--surface-300) !important}.hover\:surface-300:hover{background-color:var(--surface-300) !important}.active\:surface-300:active{background-color:var(--surface-300) !important}.focus\:surface-400:focus{background-color:var(--surface-400) !important}.hover\:surface-400:hover{background-color:var(--surface-400) !important}.active\:surface-400:active{background-color:var(--surface-400) !important}.focus\:surface-500:focus{background-color:var(--surface-500) !important}.hover\:surface-500:hover{background-color:var(--surface-500) !important}.active\:surface-500:active{background-color:var(--surface-500) !important}.focus\:surface-600:focus{background-color:var(--surface-600) !important}.hover\:surface-600:hover{background-color:var(--surface-600) !important}.active\:surface-600:active{background-color:var(--surface-600) !important}.focus\:surface-700:focus{background-color:var(--surface-700) !important}.hover\:surface-700:hover{background-color:var(--surface-700) !important}.active\:surface-700:active{background-color:var(--surface-700) !important}.focus\:surface-800:focus{background-color:var(--surface-800) !important}.hover\:surface-800:hover{background-color:var(--surface-800) !important}.active\:surface-800:active{background-color:var(--surface-800) !important}.focus\:surface-900:focus{background-color:var(--surface-900) !important}.hover\:surface-900:hover{background-color:var(--surface-900) !important}.active\:surface-900:active{background-color:var(--surface-900) !important}.border-0{border-color:var(--surface-0) !important}.border-50{border-color:var(--surface-50) !important}.border-100{border-color:var(--surface-100) !important}.border-200{border-color:var(--surface-200) !important}.border-300{border-color:var(--surface-300) !important}.border-400{border-color:var(--surface-400) !important}.border-500{border-color:var(--surface-500) !important}.border-600{border-color:var(--surface-600) !important}.border-700{border-color:var(--surface-700) !important}.border-800{border-color:var(--surface-800) !important}.border-900{border-color:var(--surface-900) !important}.focus\:border-0:focus{border-color:var(--surface-0) !important}.hover\:border-0:hover{border-color:var(--surface-0) !important}.active\:border-0:active{border-color:var(--surface-0) !important}.focus\:border-50:focus{border-color:var(--surface-50) !important}.hover\:border-50:hover{border-color:var(--surface-50) !important}.active\:border-50:active{border-color:var(--surface-50) !important}.focus\:border-100:focus{border-color:var(--surface-100) !important}.hover\:border-100:hover{border-color:var(--surface-100) !important}.active\:border-100:active{border-color:var(--surface-100) !important}.focus\:border-200:focus{border-color:var(--surface-200) !important}.hover\:border-200:hover{border-color:var(--surface-200) !important}.active\:border-200:active{border-color:var(--surface-200) !important}.focus\:border-300:focus{border-color:var(--surface-300) !important}.hover\:border-300:hover{border-color:var(--surface-300) !important}.active\:border-300:active{border-color:var(--surface-300) !important}.focus\:border-400:focus{border-color:var(--surface-400) !important}.hover\:border-400:hover{border-color:var(--surface-400) !important}.active\:border-400:active{border-color:var(--surface-400) !important}.focus\:border-500:focus{border-color:var(--surface-500) !important}.hover\:border-500:hover{border-color:var(--surface-500) !important}.active\:border-500:active{border-color:var(--surface-500) !important}.focus\:border-600:focus{border-color:var(--surface-600) !important}.hover\:border-600:hover{border-color:var(--surface-600) !important}.active\:border-600:active{border-color:var(--surface-600) !important}.focus\:border-700:focus{border-color:var(--surface-700) !important}.hover\:border-700:hover{border-color:var(--surface-700) !important}.active\:border-700:active{border-color:var(--surface-700) !important}.focus\:border-800:focus{border-color:var(--surface-800) !important}.hover\:border-800:hover{border-color:var(--surface-800) !important}.active\:border-800:active{border-color:var(--surface-800) !important}.focus\:border-900:focus{border-color:var(--surface-900) !important}.hover\:border-900:hover{border-color:var(--surface-900) !important}.active\:border-900:active{border-color:var(--surface-900) !important}.bg-transparent{background-color:transparent !important}@media screen and (min-width: 576px){.sm\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 768px){.md\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 992px){.lg\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:bg-transparent{background-color:transparent !important}}.border-transparent{border-color:transparent !important}@media screen and (min-width: 576px){.sm\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 768px){.md\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 992px){.lg\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:border-transparent{border-color:transparent !important}}.text-blue-50{color:var(--blue-50) !important}.text-blue-100{color:var(--blue-100) !important}.text-blue-200{color:var(--blue-200) !important}.text-blue-300{color:var(--blue-300) !important}.text-blue-400{color:var(--blue-400) !important}.text-blue-500{color:var(--blue-500) !important}.text-blue-600{color:var(--blue-600) !important}.text-blue-700{color:var(--blue-700) !important}.text-blue-800{color:var(--blue-800) !important}.text-blue-900{color:var(--blue-900) !important}.focus\:text-blue-50:focus{color:var(--blue-50) !important}.focus\:text-blue-100:focus{color:var(--blue-100) !important}.focus\:text-blue-200:focus{color:var(--blue-200) !important}.focus\:text-blue-300:focus{color:var(--blue-300) !important}.focus\:text-blue-400:focus{color:var(--blue-400) !important}.focus\:text-blue-500:focus{color:var(--blue-500) !important}.focus\:text-blue-600:focus{color:var(--blue-600) !important}.focus\:text-blue-700:focus{color:var(--blue-700) !important}.focus\:text-blue-800:focus{color:var(--blue-800) !important}.focus\:text-blue-900:focus{color:var(--blue-900) !important}.hover\:text-blue-50:hover{color:var(--blue-50) !important}.hover\:text-blue-100:hover{color:var(--blue-100) !important}.hover\:text-blue-200:hover{color:var(--blue-200) !important}.hover\:text-blue-300:hover{color:var(--blue-300) !important}.hover\:text-blue-400:hover{color:var(--blue-400) !important}.hover\:text-blue-500:hover{color:var(--blue-500) !important}.hover\:text-blue-600:hover{color:var(--blue-600) !important}.hover\:text-blue-700:hover{color:var(--blue-700) !important}.hover\:text-blue-800:hover{color:var(--blue-800) !important}.hover\:text-blue-900:hover{color:var(--blue-900) !important}.active\:text-blue-50:active{color:var(--blue-50) !important}.active\:text-blue-100:active{color:var(--blue-100) !important}.active\:text-blue-200:active{color:var(--blue-200) !important}.active\:text-blue-300:active{color:var(--blue-300) !important}.active\:text-blue-400:active{color:var(--blue-400) !important}.active\:text-blue-500:active{color:var(--blue-500) !important}.active\:text-blue-600:active{color:var(--blue-600) !important}.active\:text-blue-700:active{color:var(--blue-700) !important}.active\:text-blue-800:active{color:var(--blue-800) !important}.active\:text-blue-900:active{color:var(--blue-900) !important}.text-green-50{color:var(--green-50) !important}.text-green-100{color:var(--green-100) !important}.text-green-200{color:var(--green-200) !important}.text-green-300{color:var(--green-300) !important}.text-green-400{color:var(--green-400) !important}.text-green-500{color:var(--green-500) !important}.text-green-600{color:var(--green-600) !important}.text-green-700{color:var(--green-700) !important}.text-green-800{color:var(--green-800) !important}.text-green-900{color:var(--green-900) !important}.focus\:text-green-50:focus{color:var(--green-50) !important}.focus\:text-green-100:focus{color:var(--green-100) !important}.focus\:text-green-200:focus{color:var(--green-200) !important}.focus\:text-green-300:focus{color:var(--green-300) !important}.focus\:text-green-400:focus{color:var(--green-400) !important}.focus\:text-green-500:focus{color:var(--green-500) !important}.focus\:text-green-600:focus{color:var(--green-600) !important}.focus\:text-green-700:focus{color:var(--green-700) !important}.focus\:text-green-800:focus{color:var(--green-800) !important}.focus\:text-green-900:focus{color:var(--green-900) !important}.hover\:text-green-50:hover{color:var(--green-50) !important}.hover\:text-green-100:hover{color:var(--green-100) !important}.hover\:text-green-200:hover{color:var(--green-200) !important}.hover\:text-green-300:hover{color:var(--green-300) !important}.hover\:text-green-400:hover{color:var(--green-400) !important}.hover\:text-green-500:hover{color:var(--green-500) !important}.hover\:text-green-600:hover{color:var(--green-600) !important}.hover\:text-green-700:hover{color:var(--green-700) !important}.hover\:text-green-800:hover{color:var(--green-800) !important}.hover\:text-green-900:hover{color:var(--green-900) !important}.active\:text-green-50:active{color:var(--green-50) !important}.active\:text-green-100:active{color:var(--green-100) !important}.active\:text-green-200:active{color:var(--green-200) !important}.active\:text-green-300:active{color:var(--green-300) !important}.active\:text-green-400:active{color:var(--green-400) !important}.active\:text-green-500:active{color:var(--green-500) !important}.active\:text-green-600:active{color:var(--green-600) !important}.active\:text-green-700:active{color:var(--green-700) !important}.active\:text-green-800:active{color:var(--green-800) !important}.active\:text-green-900:active{color:var(--green-900) !important}.text-yellow-50{color:var(--yellow-50) !important}.text-yellow-100{color:var(--yellow-100) !important}.text-yellow-200{color:var(--yellow-200) !important}.text-yellow-300{color:var(--yellow-300) !important}.text-yellow-400{color:var(--yellow-400) !important}.text-yellow-500{color:var(--yellow-500) !important}.text-yellow-600{color:var(--yellow-600) !important}.text-yellow-700{color:var(--yellow-700) !important}.text-yellow-800{color:var(--yellow-800) !important}.text-yellow-900{color:var(--yellow-900) !important}.focus\:text-yellow-50:focus{color:var(--yellow-50) !important}.focus\:text-yellow-100:focus{color:var(--yellow-100) !important}.focus\:text-yellow-200:focus{color:var(--yellow-200) !important}.focus\:text-yellow-300:focus{color:var(--yellow-300) !important}.focus\:text-yellow-400:focus{color:var(--yellow-400) !important}.focus\:text-yellow-500:focus{color:var(--yellow-500) !important}.focus\:text-yellow-600:focus{color:var(--yellow-600) !important}.focus\:text-yellow-700:focus{color:var(--yellow-700) !important}.focus\:text-yellow-800:focus{color:var(--yellow-800) !important}.focus\:text-yellow-900:focus{color:var(--yellow-900) !important}.hover\:text-yellow-50:hover{color:var(--yellow-50) !important}.hover\:text-yellow-100:hover{color:var(--yellow-100) !important}.hover\:text-yellow-200:hover{color:var(--yellow-200) !important}.hover\:text-yellow-300:hover{color:var(--yellow-300) !important}.hover\:text-yellow-400:hover{color:var(--yellow-400) !important}.hover\:text-yellow-500:hover{color:var(--yellow-500) !important}.hover\:text-yellow-600:hover{color:var(--yellow-600) !important}.hover\:text-yellow-700:hover{color:var(--yellow-700) !important}.hover\:text-yellow-800:hover{color:var(--yellow-800) !important}.hover\:text-yellow-900:hover{color:var(--yellow-900) !important}.active\:text-yellow-50:active{color:var(--yellow-50) !important}.active\:text-yellow-100:active{color:var(--yellow-100) !important}.active\:text-yellow-200:active{color:var(--yellow-200) !important}.active\:text-yellow-300:active{color:var(--yellow-300) !important}.active\:text-yellow-400:active{color:var(--yellow-400) !important}.active\:text-yellow-500:active{color:var(--yellow-500) !important}.active\:text-yellow-600:active{color:var(--yellow-600) !important}.active\:text-yellow-700:active{color:var(--yellow-700) !important}.active\:text-yellow-800:active{color:var(--yellow-800) !important}.active\:text-yellow-900:active{color:var(--yellow-900) !important}.text-cyan-50{color:var(--cyan-50) !important}.text-cyan-100{color:var(--cyan-100) !important}.text-cyan-200{color:var(--cyan-200) !important}.text-cyan-300{color:var(--cyan-300) !important}.text-cyan-400{color:var(--cyan-400) !important}.text-cyan-500{color:var(--cyan-500) !important}.text-cyan-600{color:var(--cyan-600) !important}.text-cyan-700{color:var(--cyan-700) !important}.text-cyan-800{color:var(--cyan-800) !important}.text-cyan-900{color:var(--cyan-900) !important}.focus\:text-cyan-50:focus{color:var(--cyan-50) !important}.focus\:text-cyan-100:focus{color:var(--cyan-100) !important}.focus\:text-cyan-200:focus{color:var(--cyan-200) !important}.focus\:text-cyan-300:focus{color:var(--cyan-300) !important}.focus\:text-cyan-400:focus{color:var(--cyan-400) !important}.focus\:text-cyan-500:focus{color:var(--cyan-500) !important}.focus\:text-cyan-600:focus{color:var(--cyan-600) !important}.focus\:text-cyan-700:focus{color:var(--cyan-700) !important}.focus\:text-cyan-800:focus{color:var(--cyan-800) !important}.focus\:text-cyan-900:focus{color:var(--cyan-900) !important}.hover\:text-cyan-50:hover{color:var(--cyan-50) !important}.hover\:text-cyan-100:hover{color:var(--cyan-100) !important}.hover\:text-cyan-200:hover{color:var(--cyan-200) !important}.hover\:text-cyan-300:hover{color:var(--cyan-300) !important}.hover\:text-cyan-400:hover{color:var(--cyan-400) !important}.hover\:text-cyan-500:hover{color:var(--cyan-500) !important}.hover\:text-cyan-600:hover{color:var(--cyan-600) !important}.hover\:text-cyan-700:hover{color:var(--cyan-700) !important}.hover\:text-cyan-800:hover{color:var(--cyan-800) !important}.hover\:text-cyan-900:hover{color:var(--cyan-900) !important}.active\:text-cyan-50:active{color:var(--cyan-50) !important}.active\:text-cyan-100:active{color:var(--cyan-100) !important}.active\:text-cyan-200:active{color:var(--cyan-200) !important}.active\:text-cyan-300:active{color:var(--cyan-300) !important}.active\:text-cyan-400:active{color:var(--cyan-400) !important}.active\:text-cyan-500:active{color:var(--cyan-500) !important}.active\:text-cyan-600:active{color:var(--cyan-600) !important}.active\:text-cyan-700:active{color:var(--cyan-700) !important}.active\:text-cyan-800:active{color:var(--cyan-800) !important}.active\:text-cyan-900:active{color:var(--cyan-900) !important}.text-pink-50{color:var(--pink-50) !important}.text-pink-100{color:var(--pink-100) !important}.text-pink-200{color:var(--pink-200) !important}.text-pink-300{color:var(--pink-300) !important}.text-pink-400{color:var(--pink-400) !important}.text-pink-500{color:var(--pink-500) !important}.text-pink-600{color:var(--pink-600) !important}.text-pink-700{color:var(--pink-700) !important}.text-pink-800{color:var(--pink-800) !important}.text-pink-900{color:var(--pink-900) !important}.focus\:text-pink-50:focus{color:var(--pink-50) !important}.focus\:text-pink-100:focus{color:var(--pink-100) !important}.focus\:text-pink-200:focus{color:var(--pink-200) !important}.focus\:text-pink-300:focus{color:var(--pink-300) !important}.focus\:text-pink-400:focus{color:var(--pink-400) !important}.focus\:text-pink-500:focus{color:var(--pink-500) !important}.focus\:text-pink-600:focus{color:var(--pink-600) !important}.focus\:text-pink-700:focus{color:var(--pink-700) !important}.focus\:text-pink-800:focus{color:var(--pink-800) !important}.focus\:text-pink-900:focus{color:var(--pink-900) !important}.hover\:text-pink-50:hover{color:var(--pink-50) !important}.hover\:text-pink-100:hover{color:var(--pink-100) !important}.hover\:text-pink-200:hover{color:var(--pink-200) !important}.hover\:text-pink-300:hover{color:var(--pink-300) !important}.hover\:text-pink-400:hover{color:var(--pink-400) !important}.hover\:text-pink-500:hover{color:var(--pink-500) !important}.hover\:text-pink-600:hover{color:var(--pink-600) !important}.hover\:text-pink-700:hover{color:var(--pink-700) !important}.hover\:text-pink-800:hover{color:var(--pink-800) !important}.hover\:text-pink-900:hover{color:var(--pink-900) !important}.active\:text-pink-50:active{color:var(--pink-50) !important}.active\:text-pink-100:active{color:var(--pink-100) !important}.active\:text-pink-200:active{color:var(--pink-200) !important}.active\:text-pink-300:active{color:var(--pink-300) !important}.active\:text-pink-400:active{color:var(--pink-400) !important}.active\:text-pink-500:active{color:var(--pink-500) !important}.active\:text-pink-600:active{color:var(--pink-600) !important}.active\:text-pink-700:active{color:var(--pink-700) !important}.active\:text-pink-800:active{color:var(--pink-800) !important}.active\:text-pink-900:active{color:var(--pink-900) !important}.text-indigo-50{color:var(--indigo-50) !important}.text-indigo-100{color:var(--indigo-100) !important}.text-indigo-200{color:var(--indigo-200) !important}.text-indigo-300{color:var(--indigo-300) !important}.text-indigo-400{color:var(--indigo-400) !important}.text-indigo-500{color:var(--indigo-500) !important}.text-indigo-600{color:var(--indigo-600) !important}.text-indigo-700{color:var(--indigo-700) !important}.text-indigo-800{color:var(--indigo-800) !important}.text-indigo-900{color:var(--indigo-900) !important}.focus\:text-indigo-50:focus{color:var(--indigo-50) !important}.focus\:text-indigo-100:focus{color:var(--indigo-100) !important}.focus\:text-indigo-200:focus{color:var(--indigo-200) !important}.focus\:text-indigo-300:focus{color:var(--indigo-300) !important}.focus\:text-indigo-400:focus{color:var(--indigo-400) !important}.focus\:text-indigo-500:focus{color:var(--indigo-500) !important}.focus\:text-indigo-600:focus{color:var(--indigo-600) !important}.focus\:text-indigo-700:focus{color:var(--indigo-700) !important}.focus\:text-indigo-800:focus{color:var(--indigo-800) !important}.focus\:text-indigo-900:focus{color:var(--indigo-900) !important}.hover\:text-indigo-50:hover{color:var(--indigo-50) !important}.hover\:text-indigo-100:hover{color:var(--indigo-100) !important}.hover\:text-indigo-200:hover{color:var(--indigo-200) !important}.hover\:text-indigo-300:hover{color:var(--indigo-300) !important}.hover\:text-indigo-400:hover{color:var(--indigo-400) !important}.hover\:text-indigo-500:hover{color:var(--indigo-500) !important}.hover\:text-indigo-600:hover{color:var(--indigo-600) !important}.hover\:text-indigo-700:hover{color:var(--indigo-700) !important}.hover\:text-indigo-800:hover{color:var(--indigo-800) !important}.hover\:text-indigo-900:hover{color:var(--indigo-900) !important}.active\:text-indigo-50:active{color:var(--indigo-50) !important}.active\:text-indigo-100:active{color:var(--indigo-100) !important}.active\:text-indigo-200:active{color:var(--indigo-200) !important}.active\:text-indigo-300:active{color:var(--indigo-300) !important}.active\:text-indigo-400:active{color:var(--indigo-400) !important}.active\:text-indigo-500:active{color:var(--indigo-500) !important}.active\:text-indigo-600:active{color:var(--indigo-600) !important}.active\:text-indigo-700:active{color:var(--indigo-700) !important}.active\:text-indigo-800:active{color:var(--indigo-800) !important}.active\:text-indigo-900:active{color:var(--indigo-900) !important}.text-teal-50{color:var(--teal-50) !important}.text-teal-100{color:var(--teal-100) !important}.text-teal-200{color:var(--teal-200) !important}.text-teal-300{color:var(--teal-300) !important}.text-teal-400{color:var(--teal-400) !important}.text-teal-500{color:var(--teal-500) !important}.text-teal-600{color:var(--teal-600) !important}.text-teal-700{color:var(--teal-700) !important}.text-teal-800{color:var(--teal-800) !important}.text-teal-900{color:var(--teal-900) !important}.focus\:text-teal-50:focus{color:var(--teal-50) !important}.focus\:text-teal-100:focus{color:var(--teal-100) !important}.focus\:text-teal-200:focus{color:var(--teal-200) !important}.focus\:text-teal-300:focus{color:var(--teal-300) !important}.focus\:text-teal-400:focus{color:var(--teal-400) !important}.focus\:text-teal-500:focus{color:var(--teal-500) !important}.focus\:text-teal-600:focus{color:var(--teal-600) !important}.focus\:text-teal-700:focus{color:var(--teal-700) !important}.focus\:text-teal-800:focus{color:var(--teal-800) !important}.focus\:text-teal-900:focus{color:var(--teal-900) !important}.hover\:text-teal-50:hover{color:var(--teal-50) !important}.hover\:text-teal-100:hover{color:var(--teal-100) !important}.hover\:text-teal-200:hover{color:var(--teal-200) !important}.hover\:text-teal-300:hover{color:var(--teal-300) !important}.hover\:text-teal-400:hover{color:var(--teal-400) !important}.hover\:text-teal-500:hover{color:var(--teal-500) !important}.hover\:text-teal-600:hover{color:var(--teal-600) !important}.hover\:text-teal-700:hover{color:var(--teal-700) !important}.hover\:text-teal-800:hover{color:var(--teal-800) !important}.hover\:text-teal-900:hover{color:var(--teal-900) !important}.active\:text-teal-50:active{color:var(--teal-50) !important}.active\:text-teal-100:active{color:var(--teal-100) !important}.active\:text-teal-200:active{color:var(--teal-200) !important}.active\:text-teal-300:active{color:var(--teal-300) !important}.active\:text-teal-400:active{color:var(--teal-400) !important}.active\:text-teal-500:active{color:var(--teal-500) !important}.active\:text-teal-600:active{color:var(--teal-600) !important}.active\:text-teal-700:active{color:var(--teal-700) !important}.active\:text-teal-800:active{color:var(--teal-800) !important}.active\:text-teal-900:active{color:var(--teal-900) !important}.text-orange-50{color:var(--orange-50) !important}.text-orange-100{color:var(--orange-100) !important}.text-orange-200{color:var(--orange-200) !important}.text-orange-300{color:var(--orange-300) !important}.text-orange-400{color:var(--orange-400) !important}.text-orange-500{color:var(--orange-500) !important}.text-orange-600{color:var(--orange-600) !important}.text-orange-700{color:var(--orange-700) !important}.text-orange-800{color:var(--orange-800) !important}.text-orange-900{color:var(--orange-900) !important}.focus\:text-orange-50:focus{color:var(--orange-50) !important}.focus\:text-orange-100:focus{color:var(--orange-100) !important}.focus\:text-orange-200:focus{color:var(--orange-200) !important}.focus\:text-orange-300:focus{color:var(--orange-300) !important}.focus\:text-orange-400:focus{color:var(--orange-400) !important}.focus\:text-orange-500:focus{color:var(--orange-500) !important}.focus\:text-orange-600:focus{color:var(--orange-600) !important}.focus\:text-orange-700:focus{color:var(--orange-700) !important}.focus\:text-orange-800:focus{color:var(--orange-800) !important}.focus\:text-orange-900:focus{color:var(--orange-900) !important}.hover\:text-orange-50:hover{color:var(--orange-50) !important}.hover\:text-orange-100:hover{color:var(--orange-100) !important}.hover\:text-orange-200:hover{color:var(--orange-200) !important}.hover\:text-orange-300:hover{color:var(--orange-300) !important}.hover\:text-orange-400:hover{color:var(--orange-400) !important}.hover\:text-orange-500:hover{color:var(--orange-500) !important}.hover\:text-orange-600:hover{color:var(--orange-600) !important}.hover\:text-orange-700:hover{color:var(--orange-700) !important}.hover\:text-orange-800:hover{color:var(--orange-800) !important}.hover\:text-orange-900:hover{color:var(--orange-900) !important}.active\:text-orange-50:active{color:var(--orange-50) !important}.active\:text-orange-100:active{color:var(--orange-100) !important}.active\:text-orange-200:active{color:var(--orange-200) !important}.active\:text-orange-300:active{color:var(--orange-300) !important}.active\:text-orange-400:active{color:var(--orange-400) !important}.active\:text-orange-500:active{color:var(--orange-500) !important}.active\:text-orange-600:active{color:var(--orange-600) !important}.active\:text-orange-700:active{color:var(--orange-700) !important}.active\:text-orange-800:active{color:var(--orange-800) !important}.active\:text-orange-900:active{color:var(--orange-900) !important}.text-bluegray-50{color:var(--bluegray-50) !important}.text-bluegray-100{color:var(--bluegray-100) !important}.text-bluegray-200{color:var(--bluegray-200) !important}.text-bluegray-300{color:var(--bluegray-300) !important}.text-bluegray-400{color:var(--bluegray-400) !important}.text-bluegray-500{color:var(--bluegray-500) !important}.text-bluegray-600{color:var(--bluegray-600) !important}.text-bluegray-700{color:var(--bluegray-700) !important}.text-bluegray-800{color:var(--bluegray-800) !important}.text-bluegray-900{color:var(--bluegray-900) !important}.focus\:text-bluegray-50:focus{color:var(--bluegray-50) !important}.focus\:text-bluegray-100:focus{color:var(--bluegray-100) !important}.focus\:text-bluegray-200:focus{color:var(--bluegray-200) !important}.focus\:text-bluegray-300:focus{color:var(--bluegray-300) !important}.focus\:text-bluegray-400:focus{color:var(--bluegray-400) !important}.focus\:text-bluegray-500:focus{color:var(--bluegray-500) !important}.focus\:text-bluegray-600:focus{color:var(--bluegray-600) !important}.focus\:text-bluegray-700:focus{color:var(--bluegray-700) !important}.focus\:text-bluegray-800:focus{color:var(--bluegray-800) !important}.focus\:text-bluegray-900:focus{color:var(--bluegray-900) !important}.hover\:text-bluegray-50:hover{color:var(--bluegray-50) !important}.hover\:text-bluegray-100:hover{color:var(--bluegray-100) !important}.hover\:text-bluegray-200:hover{color:var(--bluegray-200) !important}.hover\:text-bluegray-300:hover{color:var(--bluegray-300) !important}.hover\:text-bluegray-400:hover{color:var(--bluegray-400) !important}.hover\:text-bluegray-500:hover{color:var(--bluegray-500) !important}.hover\:text-bluegray-600:hover{color:var(--bluegray-600) !important}.hover\:text-bluegray-700:hover{color:var(--bluegray-700) !important}.hover\:text-bluegray-800:hover{color:var(--bluegray-800) !important}.hover\:text-bluegray-900:hover{color:var(--bluegray-900) !important}.active\:text-bluegray-50:active{color:var(--bluegray-50) !important}.active\:text-bluegray-100:active{color:var(--bluegray-100) !important}.active\:text-bluegray-200:active{color:var(--bluegray-200) !important}.active\:text-bluegray-300:active{color:var(--bluegray-300) !important}.active\:text-bluegray-400:active{color:var(--bluegray-400) !important}.active\:text-bluegray-500:active{color:var(--bluegray-500) !important}.active\:text-bluegray-600:active{color:var(--bluegray-600) !important}.active\:text-bluegray-700:active{color:var(--bluegray-700) !important}.active\:text-bluegray-800:active{color:var(--bluegray-800) !important}.active\:text-bluegray-900:active{color:var(--bluegray-900) !important}.text-purple-50{color:var(--purple-50) !important}.text-purple-100{color:var(--purple-100) !important}.text-purple-200{color:var(--purple-200) !important}.text-purple-300{color:var(--purple-300) !important}.text-purple-400{color:var(--purple-400) !important}.text-purple-500{color:var(--purple-500) !important}.text-purple-600{color:var(--purple-600) !important}.text-purple-700{color:var(--purple-700) !important}.text-purple-800{color:var(--purple-800) !important}.text-purple-900{color:var(--purple-900) !important}.focus\:text-purple-50:focus{color:var(--purple-50) !important}.focus\:text-purple-100:focus{color:var(--purple-100) !important}.focus\:text-purple-200:focus{color:var(--purple-200) !important}.focus\:text-purple-300:focus{color:var(--purple-300) !important}.focus\:text-purple-400:focus{color:var(--purple-400) !important}.focus\:text-purple-500:focus{color:var(--purple-500) !important}.focus\:text-purple-600:focus{color:var(--purple-600) !important}.focus\:text-purple-700:focus{color:var(--purple-700) !important}.focus\:text-purple-800:focus{color:var(--purple-800) !important}.focus\:text-purple-900:focus{color:var(--purple-900) !important}.hover\:text-purple-50:hover{color:var(--purple-50) !important}.hover\:text-purple-100:hover{color:var(--purple-100) !important}.hover\:text-purple-200:hover{color:var(--purple-200) !important}.hover\:text-purple-300:hover{color:var(--purple-300) !important}.hover\:text-purple-400:hover{color:var(--purple-400) !important}.hover\:text-purple-500:hover{color:var(--purple-500) !important}.hover\:text-purple-600:hover{color:var(--purple-600) !important}.hover\:text-purple-700:hover{color:var(--purple-700) !important}.hover\:text-purple-800:hover{color:var(--purple-800) !important}.hover\:text-purple-900:hover{color:var(--purple-900) !important}.active\:text-purple-50:active{color:var(--purple-50) !important}.active\:text-purple-100:active{color:var(--purple-100) !important}.active\:text-purple-200:active{color:var(--purple-200) !important}.active\:text-purple-300:active{color:var(--purple-300) !important}.active\:text-purple-400:active{color:var(--purple-400) !important}.active\:text-purple-500:active{color:var(--purple-500) !important}.active\:text-purple-600:active{color:var(--purple-600) !important}.active\:text-purple-700:active{color:var(--purple-700) !important}.active\:text-purple-800:active{color:var(--purple-800) !important}.active\:text-purple-900:active{color:var(--purple-900) !important}.text-gray-50{color:var(--gray-50) !important}.text-gray-100{color:var(--gray-100) !important}.text-gray-200{color:var(--gray-200) !important}.text-gray-300{color:var(--gray-300) !important}.text-gray-400{color:var(--gray-400) !important}.text-gray-500{color:var(--gray-500) !important}.text-gray-600{color:var(--gray-600) !important}.text-gray-700{color:var(--gray-700) !important}.text-gray-800{color:var(--gray-800) !important}.text-gray-900{color:var(--gray-900) !important}.focus\:text-gray-50:focus{color:var(--gray-50) !important}.focus\:text-gray-100:focus{color:var(--gray-100) !important}.focus\:text-gray-200:focus{color:var(--gray-200) !important}.focus\:text-gray-300:focus{color:var(--gray-300) !important}.focus\:text-gray-400:focus{color:var(--gray-400) !important}.focus\:text-gray-500:focus{color:var(--gray-500) !important}.focus\:text-gray-600:focus{color:var(--gray-600) !important}.focus\:text-gray-700:focus{color:var(--gray-700) !important}.focus\:text-gray-800:focus{color:var(--gray-800) !important}.focus\:text-gray-900:focus{color:var(--gray-900) !important}.hover\:text-gray-50:hover{color:var(--gray-50) !important}.hover\:text-gray-100:hover{color:var(--gray-100) !important}.hover\:text-gray-200:hover{color:var(--gray-200) !important}.hover\:text-gray-300:hover{color:var(--gray-300) !important}.hover\:text-gray-400:hover{color:var(--gray-400) !important}.hover\:text-gray-500:hover{color:var(--gray-500) !important}.hover\:text-gray-600:hover{color:var(--gray-600) !important}.hover\:text-gray-700:hover{color:var(--gray-700) !important}.hover\:text-gray-800:hover{color:var(--gray-800) !important}.hover\:text-gray-900:hover{color:var(--gray-900) !important}.active\:text-gray-50:active{color:var(--gray-50) !important}.active\:text-gray-100:active{color:var(--gray-100) !important}.active\:text-gray-200:active{color:var(--gray-200) !important}.active\:text-gray-300:active{color:var(--gray-300) !important}.active\:text-gray-400:active{color:var(--gray-400) !important}.active\:text-gray-500:active{color:var(--gray-500) !important}.active\:text-gray-600:active{color:var(--gray-600) !important}.active\:text-gray-700:active{color:var(--gray-700) !important}.active\:text-gray-800:active{color:var(--gray-800) !important}.active\:text-gray-900:active{color:var(--gray-900) !important}.text-red-50{color:var(--red-50) !important}.text-red-100{color:var(--red-100) !important}.text-red-200{color:var(--red-200) !important}.text-red-300{color:var(--red-300) !important}.text-red-400{color:var(--red-400) !important}.text-red-500{color:var(--red-500) !important}.text-red-600{color:var(--red-600) !important}.text-red-700{color:var(--red-700) !important}.text-red-800{color:var(--red-800) !important}.text-red-900{color:var(--red-900) !important}.focus\:text-red-50:focus{color:var(--red-50) !important}.focus\:text-red-100:focus{color:var(--red-100) !important}.focus\:text-red-200:focus{color:var(--red-200) !important}.focus\:text-red-300:focus{color:var(--red-300) !important}.focus\:text-red-400:focus{color:var(--red-400) !important}.focus\:text-red-500:focus{color:var(--red-500) !important}.focus\:text-red-600:focus{color:var(--red-600) !important}.focus\:text-red-700:focus{color:var(--red-700) !important}.focus\:text-red-800:focus{color:var(--red-800) !important}.focus\:text-red-900:focus{color:var(--red-900) !important}.hover\:text-red-50:hover{color:var(--red-50) !important}.hover\:text-red-100:hover{color:var(--red-100) !important}.hover\:text-red-200:hover{color:var(--red-200) !important}.hover\:text-red-300:hover{color:var(--red-300) !important}.hover\:text-red-400:hover{color:var(--red-400) !important}.hover\:text-red-500:hover{color:var(--red-500) !important}.hover\:text-red-600:hover{color:var(--red-600) !important}.hover\:text-red-700:hover{color:var(--red-700) !important}.hover\:text-red-800:hover{color:var(--red-800) !important}.hover\:text-red-900:hover{color:var(--red-900) !important}.active\:text-red-50:active{color:var(--red-50) !important}.active\:text-red-100:active{color:var(--red-100) !important}.active\:text-red-200:active{color:var(--red-200) !important}.active\:text-red-300:active{color:var(--red-300) !important}.active\:text-red-400:active{color:var(--red-400) !important}.active\:text-red-500:active{color:var(--red-500) !important}.active\:text-red-600:active{color:var(--red-600) !important}.active\:text-red-700:active{color:var(--red-700) !important}.active\:text-red-800:active{color:var(--red-800) !important}.active\:text-red-900:active{color:var(--red-900) !important}.text-primary-50{color:var(--primary-50) !important}.text-primary-100{color:var(--primary-100) !important}.text-primary-200{color:var(--primary-200) !important}.text-primary-300{color:var(--primary-300) !important}.text-primary-400{color:var(--primary-400) !important}.text-primary-500{color:var(--primary-500) !important}.text-primary-600{color:var(--primary-600) !important}.text-primary-700{color:var(--primary-700) !important}.text-primary-800{color:var(--primary-800) !important}.text-primary-900{color:var(--primary-900) !important}.focus\:text-primary-50:focus{color:var(--primary-50) !important}.focus\:text-primary-100:focus{color:var(--primary-100) !important}.focus\:text-primary-200:focus{color:var(--primary-200) !important}.focus\:text-primary-300:focus{color:var(--primary-300) !important}.focus\:text-primary-400:focus{color:var(--primary-400) !important}.focus\:text-primary-500:focus{color:var(--primary-500) !important}.focus\:text-primary-600:focus{color:var(--primary-600) !important}.focus\:text-primary-700:focus{color:var(--primary-700) !important}.focus\:text-primary-800:focus{color:var(--primary-800) !important}.focus\:text-primary-900:focus{color:var(--primary-900) !important}.hover\:text-primary-50:hover{color:var(--primary-50) !important}.hover\:text-primary-100:hover{color:var(--primary-100) !important}.hover\:text-primary-200:hover{color:var(--primary-200) !important}.hover\:text-primary-300:hover{color:var(--primary-300) !important}.hover\:text-primary-400:hover{color:var(--primary-400) !important}.hover\:text-primary-500:hover{color:var(--primary-500) !important}.hover\:text-primary-600:hover{color:var(--primary-600) !important}.hover\:text-primary-700:hover{color:var(--primary-700) !important}.hover\:text-primary-800:hover{color:var(--primary-800) !important}.hover\:text-primary-900:hover{color:var(--primary-900) !important}.active\:text-primary-50:active{color:var(--primary-50) !important}.active\:text-primary-100:active{color:var(--primary-100) !important}.active\:text-primary-200:active{color:var(--primary-200) !important}.active\:text-primary-300:active{color:var(--primary-300) !important}.active\:text-primary-400:active{color:var(--primary-400) !important}.active\:text-primary-500:active{color:var(--primary-500) !important}.active\:text-primary-600:active{color:var(--primary-600) !important}.active\:text-primary-700:active{color:var(--primary-700) !important}.active\:text-primary-800:active{color:var(--primary-800) !important}.active\:text-primary-900:active{color:var(--primary-900) !important}.bg-blue-50{background-color:var(--blue-50) !important}.bg-blue-100{background-color:var(--blue-100) !important}.bg-blue-200{background-color:var(--blue-200) !important}.bg-blue-300{background-color:var(--blue-300) !important}.bg-blue-400{background-color:var(--blue-400) !important}.bg-blue-500{background-color:var(--blue-500) !important}.bg-blue-600{background-color:var(--blue-600) !important}.bg-blue-700{background-color:var(--blue-700) !important}.bg-blue-800{background-color:var(--blue-800) !important}.bg-blue-900{background-color:var(--blue-900) !important}.focus\:bg-blue-50:focus{background-color:var(--blue-50) !important}.focus\:bg-blue-100:focus{background-color:var(--blue-100) !important}.focus\:bg-blue-200:focus{background-color:var(--blue-200) !important}.focus\:bg-blue-300:focus{background-color:var(--blue-300) !important}.focus\:bg-blue-400:focus{background-color:var(--blue-400) !important}.focus\:bg-blue-500:focus{background-color:var(--blue-500) !important}.focus\:bg-blue-600:focus{background-color:var(--blue-600) !important}.focus\:bg-blue-700:focus{background-color:var(--blue-700) !important}.focus\:bg-blue-800:focus{background-color:var(--blue-800) !important}.focus\:bg-blue-900:focus{background-color:var(--blue-900) !important}.hover\:bg-blue-50:hover{background-color:var(--blue-50) !important}.hover\:bg-blue-100:hover{background-color:var(--blue-100) !important}.hover\:bg-blue-200:hover{background-color:var(--blue-200) !important}.hover\:bg-blue-300:hover{background-color:var(--blue-300) !important}.hover\:bg-blue-400:hover{background-color:var(--blue-400) !important}.hover\:bg-blue-500:hover{background-color:var(--blue-500) !important}.hover\:bg-blue-600:hover{background-color:var(--blue-600) !important}.hover\:bg-blue-700:hover{background-color:var(--blue-700) !important}.hover\:bg-blue-800:hover{background-color:var(--blue-800) !important}.hover\:bg-blue-900:hover{background-color:var(--blue-900) !important}.active\:bg-blue-50:active{background-color:var(--blue-50) !important}.active\:bg-blue-100:active{background-color:var(--blue-100) !important}.active\:bg-blue-200:active{background-color:var(--blue-200) !important}.active\:bg-blue-300:active{background-color:var(--blue-300) !important}.active\:bg-blue-400:active{background-color:var(--blue-400) !important}.active\:bg-blue-500:active{background-color:var(--blue-500) !important}.active\:bg-blue-600:active{background-color:var(--blue-600) !important}.active\:bg-blue-700:active{background-color:var(--blue-700) !important}.active\:bg-blue-800:active{background-color:var(--blue-800) !important}.active\:bg-blue-900:active{background-color:var(--blue-900) !important}.bg-green-50{background-color:var(--green-50) !important}.bg-green-100{background-color:var(--green-100) !important}.bg-green-200{background-color:var(--green-200) !important}.bg-green-300{background-color:var(--green-300) !important}.bg-green-400{background-color:var(--green-400) !important}.bg-green-500{background-color:var(--green-500) !important}.bg-green-600{background-color:var(--green-600) !important}.bg-green-700{background-color:var(--green-700) !important}.bg-green-800{background-color:var(--green-800) !important}.bg-green-900{background-color:var(--green-900) !important}.focus\:bg-green-50:focus{background-color:var(--green-50) !important}.focus\:bg-green-100:focus{background-color:var(--green-100) !important}.focus\:bg-green-200:focus{background-color:var(--green-200) !important}.focus\:bg-green-300:focus{background-color:var(--green-300) !important}.focus\:bg-green-400:focus{background-color:var(--green-400) !important}.focus\:bg-green-500:focus{background-color:var(--green-500) !important}.focus\:bg-green-600:focus{background-color:var(--green-600) !important}.focus\:bg-green-700:focus{background-color:var(--green-700) !important}.focus\:bg-green-800:focus{background-color:var(--green-800) !important}.focus\:bg-green-900:focus{background-color:var(--green-900) !important}.hover\:bg-green-50:hover{background-color:var(--green-50) !important}.hover\:bg-green-100:hover{background-color:var(--green-100) !important}.hover\:bg-green-200:hover{background-color:var(--green-200) !important}.hover\:bg-green-300:hover{background-color:var(--green-300) !important}.hover\:bg-green-400:hover{background-color:var(--green-400) !important}.hover\:bg-green-500:hover{background-color:var(--green-500) !important}.hover\:bg-green-600:hover{background-color:var(--green-600) !important}.hover\:bg-green-700:hover{background-color:var(--green-700) !important}.hover\:bg-green-800:hover{background-color:var(--green-800) !important}.hover\:bg-green-900:hover{background-color:var(--green-900) !important}.active\:bg-green-50:active{background-color:var(--green-50) !important}.active\:bg-green-100:active{background-color:var(--green-100) !important}.active\:bg-green-200:active{background-color:var(--green-200) !important}.active\:bg-green-300:active{background-color:var(--green-300) !important}.active\:bg-green-400:active{background-color:var(--green-400) !important}.active\:bg-green-500:active{background-color:var(--green-500) !important}.active\:bg-green-600:active{background-color:var(--green-600) !important}.active\:bg-green-700:active{background-color:var(--green-700) !important}.active\:bg-green-800:active{background-color:var(--green-800) !important}.active\:bg-green-900:active{background-color:var(--green-900) !important}.bg-yellow-50{background-color:var(--yellow-50) !important}.bg-yellow-100{background-color:var(--yellow-100) !important}.bg-yellow-200{background-color:var(--yellow-200) !important}.bg-yellow-300{background-color:var(--yellow-300) !important}.bg-yellow-400{background-color:var(--yellow-400) !important}.bg-yellow-500{background-color:var(--yellow-500) !important}.bg-yellow-600{background-color:var(--yellow-600) !important}.bg-yellow-700{background-color:var(--yellow-700) !important}.bg-yellow-800{background-color:var(--yellow-800) !important}.bg-yellow-900{background-color:var(--yellow-900) !important}.focus\:bg-yellow-50:focus{background-color:var(--yellow-50) !important}.focus\:bg-yellow-100:focus{background-color:var(--yellow-100) !important}.focus\:bg-yellow-200:focus{background-color:var(--yellow-200) !important}.focus\:bg-yellow-300:focus{background-color:var(--yellow-300) !important}.focus\:bg-yellow-400:focus{background-color:var(--yellow-400) !important}.focus\:bg-yellow-500:focus{background-color:var(--yellow-500) !important}.focus\:bg-yellow-600:focus{background-color:var(--yellow-600) !important}.focus\:bg-yellow-700:focus{background-color:var(--yellow-700) !important}.focus\:bg-yellow-800:focus{background-color:var(--yellow-800) !important}.focus\:bg-yellow-900:focus{background-color:var(--yellow-900) !important}.hover\:bg-yellow-50:hover{background-color:var(--yellow-50) !important}.hover\:bg-yellow-100:hover{background-color:var(--yellow-100) !important}.hover\:bg-yellow-200:hover{background-color:var(--yellow-200) !important}.hover\:bg-yellow-300:hover{background-color:var(--yellow-300) !important}.hover\:bg-yellow-400:hover{background-color:var(--yellow-400) !important}.hover\:bg-yellow-500:hover{background-color:var(--yellow-500) !important}.hover\:bg-yellow-600:hover{background-color:var(--yellow-600) !important}.hover\:bg-yellow-700:hover{background-color:var(--yellow-700) !important}.hover\:bg-yellow-800:hover{background-color:var(--yellow-800) !important}.hover\:bg-yellow-900:hover{background-color:var(--yellow-900) !important}.active\:bg-yellow-50:active{background-color:var(--yellow-50) !important}.active\:bg-yellow-100:active{background-color:var(--yellow-100) !important}.active\:bg-yellow-200:active{background-color:var(--yellow-200) !important}.active\:bg-yellow-300:active{background-color:var(--yellow-300) !important}.active\:bg-yellow-400:active{background-color:var(--yellow-400) !important}.active\:bg-yellow-500:active{background-color:var(--yellow-500) !important}.active\:bg-yellow-600:active{background-color:var(--yellow-600) !important}.active\:bg-yellow-700:active{background-color:var(--yellow-700) !important}.active\:bg-yellow-800:active{background-color:var(--yellow-800) !important}.active\:bg-yellow-900:active{background-color:var(--yellow-900) !important}.bg-cyan-50{background-color:var(--cyan-50) !important}.bg-cyan-100{background-color:var(--cyan-100) !important}.bg-cyan-200{background-color:var(--cyan-200) !important}.bg-cyan-300{background-color:var(--cyan-300) !important}.bg-cyan-400{background-color:var(--cyan-400) !important}.bg-cyan-500{background-color:var(--cyan-500) !important}.bg-cyan-600{background-color:var(--cyan-600) !important}.bg-cyan-700{background-color:var(--cyan-700) !important}.bg-cyan-800{background-color:var(--cyan-800) !important}.bg-cyan-900{background-color:var(--cyan-900) !important}.focus\:bg-cyan-50:focus{background-color:var(--cyan-50) !important}.focus\:bg-cyan-100:focus{background-color:var(--cyan-100) !important}.focus\:bg-cyan-200:focus{background-color:var(--cyan-200) !important}.focus\:bg-cyan-300:focus{background-color:var(--cyan-300) !important}.focus\:bg-cyan-400:focus{background-color:var(--cyan-400) !important}.focus\:bg-cyan-500:focus{background-color:var(--cyan-500) !important}.focus\:bg-cyan-600:focus{background-color:var(--cyan-600) !important}.focus\:bg-cyan-700:focus{background-color:var(--cyan-700) !important}.focus\:bg-cyan-800:focus{background-color:var(--cyan-800) !important}.focus\:bg-cyan-900:focus{background-color:var(--cyan-900) !important}.hover\:bg-cyan-50:hover{background-color:var(--cyan-50) !important}.hover\:bg-cyan-100:hover{background-color:var(--cyan-100) !important}.hover\:bg-cyan-200:hover{background-color:var(--cyan-200) !important}.hover\:bg-cyan-300:hover{background-color:var(--cyan-300) !important}.hover\:bg-cyan-400:hover{background-color:var(--cyan-400) !important}.hover\:bg-cyan-500:hover{background-color:var(--cyan-500) !important}.hover\:bg-cyan-600:hover{background-color:var(--cyan-600) !important}.hover\:bg-cyan-700:hover{background-color:var(--cyan-700) !important}.hover\:bg-cyan-800:hover{background-color:var(--cyan-800) !important}.hover\:bg-cyan-900:hover{background-color:var(--cyan-900) !important}.active\:bg-cyan-50:active{background-color:var(--cyan-50) !important}.active\:bg-cyan-100:active{background-color:var(--cyan-100) !important}.active\:bg-cyan-200:active{background-color:var(--cyan-200) !important}.active\:bg-cyan-300:active{background-color:var(--cyan-300) !important}.active\:bg-cyan-400:active{background-color:var(--cyan-400) !important}.active\:bg-cyan-500:active{background-color:var(--cyan-500) !important}.active\:bg-cyan-600:active{background-color:var(--cyan-600) !important}.active\:bg-cyan-700:active{background-color:var(--cyan-700) !important}.active\:bg-cyan-800:active{background-color:var(--cyan-800) !important}.active\:bg-cyan-900:active{background-color:var(--cyan-900) !important}.bg-pink-50{background-color:var(--pink-50) !important}.bg-pink-100{background-color:var(--pink-100) !important}.bg-pink-200{background-color:var(--pink-200) !important}.bg-pink-300{background-color:var(--pink-300) !important}.bg-pink-400{background-color:var(--pink-400) !important}.bg-pink-500{background-color:var(--pink-500) !important}.bg-pink-600{background-color:var(--pink-600) !important}.bg-pink-700{background-color:var(--pink-700) !important}.bg-pink-800{background-color:var(--pink-800) !important}.bg-pink-900{background-color:var(--pink-900) !important}.focus\:bg-pink-50:focus{background-color:var(--pink-50) !important}.focus\:bg-pink-100:focus{background-color:var(--pink-100) !important}.focus\:bg-pink-200:focus{background-color:var(--pink-200) !important}.focus\:bg-pink-300:focus{background-color:var(--pink-300) !important}.focus\:bg-pink-400:focus{background-color:var(--pink-400) !important}.focus\:bg-pink-500:focus{background-color:var(--pink-500) !important}.focus\:bg-pink-600:focus{background-color:var(--pink-600) !important}.focus\:bg-pink-700:focus{background-color:var(--pink-700) !important}.focus\:bg-pink-800:focus{background-color:var(--pink-800) !important}.focus\:bg-pink-900:focus{background-color:var(--pink-900) !important}.hover\:bg-pink-50:hover{background-color:var(--pink-50) !important}.hover\:bg-pink-100:hover{background-color:var(--pink-100) !important}.hover\:bg-pink-200:hover{background-color:var(--pink-200) !important}.hover\:bg-pink-300:hover{background-color:var(--pink-300) !important}.hover\:bg-pink-400:hover{background-color:var(--pink-400) !important}.hover\:bg-pink-500:hover{background-color:var(--pink-500) !important}.hover\:bg-pink-600:hover{background-color:var(--pink-600) !important}.hover\:bg-pink-700:hover{background-color:var(--pink-700) !important}.hover\:bg-pink-800:hover{background-color:var(--pink-800) !important}.hover\:bg-pink-900:hover{background-color:var(--pink-900) !important}.active\:bg-pink-50:active{background-color:var(--pink-50) !important}.active\:bg-pink-100:active{background-color:var(--pink-100) !important}.active\:bg-pink-200:active{background-color:var(--pink-200) !important}.active\:bg-pink-300:active{background-color:var(--pink-300) !important}.active\:bg-pink-400:active{background-color:var(--pink-400) !important}.active\:bg-pink-500:active{background-color:var(--pink-500) !important}.active\:bg-pink-600:active{background-color:var(--pink-600) !important}.active\:bg-pink-700:active{background-color:var(--pink-700) !important}.active\:bg-pink-800:active{background-color:var(--pink-800) !important}.active\:bg-pink-900:active{background-color:var(--pink-900) !important}.bg-indigo-50{background-color:var(--indigo-50) !important}.bg-indigo-100{background-color:var(--indigo-100) !important}.bg-indigo-200{background-color:var(--indigo-200) !important}.bg-indigo-300{background-color:var(--indigo-300) !important}.bg-indigo-400{background-color:var(--indigo-400) !important}.bg-indigo-500{background-color:var(--indigo-500) !important}.bg-indigo-600{background-color:var(--indigo-600) !important}.bg-indigo-700{background-color:var(--indigo-700) !important}.bg-indigo-800{background-color:var(--indigo-800) !important}.bg-indigo-900{background-color:var(--indigo-900) !important}.focus\:bg-indigo-50:focus{background-color:var(--indigo-50) !important}.focus\:bg-indigo-100:focus{background-color:var(--indigo-100) !important}.focus\:bg-indigo-200:focus{background-color:var(--indigo-200) !important}.focus\:bg-indigo-300:focus{background-color:var(--indigo-300) !important}.focus\:bg-indigo-400:focus{background-color:var(--indigo-400) !important}.focus\:bg-indigo-500:focus{background-color:var(--indigo-500) !important}.focus\:bg-indigo-600:focus{background-color:var(--indigo-600) !important}.focus\:bg-indigo-700:focus{background-color:var(--indigo-700) !important}.focus\:bg-indigo-800:focus{background-color:var(--indigo-800) !important}.focus\:bg-indigo-900:focus{background-color:var(--indigo-900) !important}.hover\:bg-indigo-50:hover{background-color:var(--indigo-50) !important}.hover\:bg-indigo-100:hover{background-color:var(--indigo-100) !important}.hover\:bg-indigo-200:hover{background-color:var(--indigo-200) !important}.hover\:bg-indigo-300:hover{background-color:var(--indigo-300) !important}.hover\:bg-indigo-400:hover{background-color:var(--indigo-400) !important}.hover\:bg-indigo-500:hover{background-color:var(--indigo-500) !important}.hover\:bg-indigo-600:hover{background-color:var(--indigo-600) !important}.hover\:bg-indigo-700:hover{background-color:var(--indigo-700) !important}.hover\:bg-indigo-800:hover{background-color:var(--indigo-800) !important}.hover\:bg-indigo-900:hover{background-color:var(--indigo-900) !important}.active\:bg-indigo-50:active{background-color:var(--indigo-50) !important}.active\:bg-indigo-100:active{background-color:var(--indigo-100) !important}.active\:bg-indigo-200:active{background-color:var(--indigo-200) !important}.active\:bg-indigo-300:active{background-color:var(--indigo-300) !important}.active\:bg-indigo-400:active{background-color:var(--indigo-400) !important}.active\:bg-indigo-500:active{background-color:var(--indigo-500) !important}.active\:bg-indigo-600:active{background-color:var(--indigo-600) !important}.active\:bg-indigo-700:active{background-color:var(--indigo-700) !important}.active\:bg-indigo-800:active{background-color:var(--indigo-800) !important}.active\:bg-indigo-900:active{background-color:var(--indigo-900) !important}.bg-teal-50{background-color:var(--teal-50) !important}.bg-teal-100{background-color:var(--teal-100) !important}.bg-teal-200{background-color:var(--teal-200) !important}.bg-teal-300{background-color:var(--teal-300) !important}.bg-teal-400{background-color:var(--teal-400) !important}.bg-teal-500{background-color:var(--teal-500) !important}.bg-teal-600{background-color:var(--teal-600) !important}.bg-teal-700{background-color:var(--teal-700) !important}.bg-teal-800{background-color:var(--teal-800) !important}.bg-teal-900{background-color:var(--teal-900) !important}.focus\:bg-teal-50:focus{background-color:var(--teal-50) !important}.focus\:bg-teal-100:focus{background-color:var(--teal-100) !important}.focus\:bg-teal-200:focus{background-color:var(--teal-200) !important}.focus\:bg-teal-300:focus{background-color:var(--teal-300) !important}.focus\:bg-teal-400:focus{background-color:var(--teal-400) !important}.focus\:bg-teal-500:focus{background-color:var(--teal-500) !important}.focus\:bg-teal-600:focus{background-color:var(--teal-600) !important}.focus\:bg-teal-700:focus{background-color:var(--teal-700) !important}.focus\:bg-teal-800:focus{background-color:var(--teal-800) !important}.focus\:bg-teal-900:focus{background-color:var(--teal-900) !important}.hover\:bg-teal-50:hover{background-color:var(--teal-50) !important}.hover\:bg-teal-100:hover{background-color:var(--teal-100) !important}.hover\:bg-teal-200:hover{background-color:var(--teal-200) !important}.hover\:bg-teal-300:hover{background-color:var(--teal-300) !important}.hover\:bg-teal-400:hover{background-color:var(--teal-400) !important}.hover\:bg-teal-500:hover{background-color:var(--teal-500) !important}.hover\:bg-teal-600:hover{background-color:var(--teal-600) !important}.hover\:bg-teal-700:hover{background-color:var(--teal-700) !important}.hover\:bg-teal-800:hover{background-color:var(--teal-800) !important}.hover\:bg-teal-900:hover{background-color:var(--teal-900) !important}.active\:bg-teal-50:active{background-color:var(--teal-50) !important}.active\:bg-teal-100:active{background-color:var(--teal-100) !important}.active\:bg-teal-200:active{background-color:var(--teal-200) !important}.active\:bg-teal-300:active{background-color:var(--teal-300) !important}.active\:bg-teal-400:active{background-color:var(--teal-400) !important}.active\:bg-teal-500:active{background-color:var(--teal-500) !important}.active\:bg-teal-600:active{background-color:var(--teal-600) !important}.active\:bg-teal-700:active{background-color:var(--teal-700) !important}.active\:bg-teal-800:active{background-color:var(--teal-800) !important}.active\:bg-teal-900:active{background-color:var(--teal-900) !important}.bg-orange-50{background-color:var(--orange-50) !important}.bg-orange-100{background-color:var(--orange-100) !important}.bg-orange-200{background-color:var(--orange-200) !important}.bg-orange-300{background-color:var(--orange-300) !important}.bg-orange-400{background-color:var(--orange-400) !important}.bg-orange-500{background-color:var(--orange-500) !important}.bg-orange-600{background-color:var(--orange-600) !important}.bg-orange-700{background-color:var(--orange-700) !important}.bg-orange-800{background-color:var(--orange-800) !important}.bg-orange-900{background-color:var(--orange-900) !important}.focus\:bg-orange-50:focus{background-color:var(--orange-50) !important}.focus\:bg-orange-100:focus{background-color:var(--orange-100) !important}.focus\:bg-orange-200:focus{background-color:var(--orange-200) !important}.focus\:bg-orange-300:focus{background-color:var(--orange-300) !important}.focus\:bg-orange-400:focus{background-color:var(--orange-400) !important}.focus\:bg-orange-500:focus{background-color:var(--orange-500) !important}.focus\:bg-orange-600:focus{background-color:var(--orange-600) !important}.focus\:bg-orange-700:focus{background-color:var(--orange-700) !important}.focus\:bg-orange-800:focus{background-color:var(--orange-800) !important}.focus\:bg-orange-900:focus{background-color:var(--orange-900) !important}.hover\:bg-orange-50:hover{background-color:var(--orange-50) !important}.hover\:bg-orange-100:hover{background-color:var(--orange-100) !important}.hover\:bg-orange-200:hover{background-color:var(--orange-200) !important}.hover\:bg-orange-300:hover{background-color:var(--orange-300) !important}.hover\:bg-orange-400:hover{background-color:var(--orange-400) !important}.hover\:bg-orange-500:hover{background-color:var(--orange-500) !important}.hover\:bg-orange-600:hover{background-color:var(--orange-600) !important}.hover\:bg-orange-700:hover{background-color:var(--orange-700) !important}.hover\:bg-orange-800:hover{background-color:var(--orange-800) !important}.hover\:bg-orange-900:hover{background-color:var(--orange-900) !important}.active\:bg-orange-50:active{background-color:var(--orange-50) !important}.active\:bg-orange-100:active{background-color:var(--orange-100) !important}.active\:bg-orange-200:active{background-color:var(--orange-200) !important}.active\:bg-orange-300:active{background-color:var(--orange-300) !important}.active\:bg-orange-400:active{background-color:var(--orange-400) !important}.active\:bg-orange-500:active{background-color:var(--orange-500) !important}.active\:bg-orange-600:active{background-color:var(--orange-600) !important}.active\:bg-orange-700:active{background-color:var(--orange-700) !important}.active\:bg-orange-800:active{background-color:var(--orange-800) !important}.active\:bg-orange-900:active{background-color:var(--orange-900) !important}.bg-bluegray-50{background-color:var(--bluegray-50) !important}.bg-bluegray-100{background-color:var(--bluegray-100) !important}.bg-bluegray-200{background-color:var(--bluegray-200) !important}.bg-bluegray-300{background-color:var(--bluegray-300) !important}.bg-bluegray-400{background-color:var(--bluegray-400) !important}.bg-bluegray-500{background-color:var(--bluegray-500) !important}.bg-bluegray-600{background-color:var(--bluegray-600) !important}.bg-bluegray-700{background-color:var(--bluegray-700) !important}.bg-bluegray-800{background-color:var(--bluegray-800) !important}.bg-bluegray-900{background-color:var(--bluegray-900) !important}.focus\:bg-bluegray-50:focus{background-color:var(--bluegray-50) !important}.focus\:bg-bluegray-100:focus{background-color:var(--bluegray-100) !important}.focus\:bg-bluegray-200:focus{background-color:var(--bluegray-200) !important}.focus\:bg-bluegray-300:focus{background-color:var(--bluegray-300) !important}.focus\:bg-bluegray-400:focus{background-color:var(--bluegray-400) !important}.focus\:bg-bluegray-500:focus{background-color:var(--bluegray-500) !important}.focus\:bg-bluegray-600:focus{background-color:var(--bluegray-600) !important}.focus\:bg-bluegray-700:focus{background-color:var(--bluegray-700) !important}.focus\:bg-bluegray-800:focus{background-color:var(--bluegray-800) !important}.focus\:bg-bluegray-900:focus{background-color:var(--bluegray-900) !important}.hover\:bg-bluegray-50:hover{background-color:var(--bluegray-50) !important}.hover\:bg-bluegray-100:hover{background-color:var(--bluegray-100) !important}.hover\:bg-bluegray-200:hover{background-color:var(--bluegray-200) !important}.hover\:bg-bluegray-300:hover{background-color:var(--bluegray-300) !important}.hover\:bg-bluegray-400:hover{background-color:var(--bluegray-400) !important}.hover\:bg-bluegray-500:hover{background-color:var(--bluegray-500) !important}.hover\:bg-bluegray-600:hover{background-color:var(--bluegray-600) !important}.hover\:bg-bluegray-700:hover{background-color:var(--bluegray-700) !important}.hover\:bg-bluegray-800:hover{background-color:var(--bluegray-800) !important}.hover\:bg-bluegray-900:hover{background-color:var(--bluegray-900) !important}.active\:bg-bluegray-50:active{background-color:var(--bluegray-50) !important}.active\:bg-bluegray-100:active{background-color:var(--bluegray-100) !important}.active\:bg-bluegray-200:active{background-color:var(--bluegray-200) !important}.active\:bg-bluegray-300:active{background-color:var(--bluegray-300) !important}.active\:bg-bluegray-400:active{background-color:var(--bluegray-400) !important}.active\:bg-bluegray-500:active{background-color:var(--bluegray-500) !important}.active\:bg-bluegray-600:active{background-color:var(--bluegray-600) !important}.active\:bg-bluegray-700:active{background-color:var(--bluegray-700) !important}.active\:bg-bluegray-800:active{background-color:var(--bluegray-800) !important}.active\:bg-bluegray-900:active{background-color:var(--bluegray-900) !important}.bg-purple-50{background-color:var(--purple-50) !important}.bg-purple-100{background-color:var(--purple-100) !important}.bg-purple-200{background-color:var(--purple-200) !important}.bg-purple-300{background-color:var(--purple-300) !important}.bg-purple-400{background-color:var(--purple-400) !important}.bg-purple-500{background-color:var(--purple-500) !important}.bg-purple-600{background-color:var(--purple-600) !important}.bg-purple-700{background-color:var(--purple-700) !important}.bg-purple-800{background-color:var(--purple-800) !important}.bg-purple-900{background-color:var(--purple-900) !important}.focus\:bg-purple-50:focus{background-color:var(--purple-50) !important}.focus\:bg-purple-100:focus{background-color:var(--purple-100) !important}.focus\:bg-purple-200:focus{background-color:var(--purple-200) !important}.focus\:bg-purple-300:focus{background-color:var(--purple-300) !important}.focus\:bg-purple-400:focus{background-color:var(--purple-400) !important}.focus\:bg-purple-500:focus{background-color:var(--purple-500) !important}.focus\:bg-purple-600:focus{background-color:var(--purple-600) !important}.focus\:bg-purple-700:focus{background-color:var(--purple-700) !important}.focus\:bg-purple-800:focus{background-color:var(--purple-800) !important}.focus\:bg-purple-900:focus{background-color:var(--purple-900) !important}.hover\:bg-purple-50:hover{background-color:var(--purple-50) !important}.hover\:bg-purple-100:hover{background-color:var(--purple-100) !important}.hover\:bg-purple-200:hover{background-color:var(--purple-200) !important}.hover\:bg-purple-300:hover{background-color:var(--purple-300) !important}.hover\:bg-purple-400:hover{background-color:var(--purple-400) !important}.hover\:bg-purple-500:hover{background-color:var(--purple-500) !important}.hover\:bg-purple-600:hover{background-color:var(--purple-600) !important}.hover\:bg-purple-700:hover{background-color:var(--purple-700) !important}.hover\:bg-purple-800:hover{background-color:var(--purple-800) !important}.hover\:bg-purple-900:hover{background-color:var(--purple-900) !important}.active\:bg-purple-50:active{background-color:var(--purple-50) !important}.active\:bg-purple-100:active{background-color:var(--purple-100) !important}.active\:bg-purple-200:active{background-color:var(--purple-200) !important}.active\:bg-purple-300:active{background-color:var(--purple-300) !important}.active\:bg-purple-400:active{background-color:var(--purple-400) !important}.active\:bg-purple-500:active{background-color:var(--purple-500) !important}.active\:bg-purple-600:active{background-color:var(--purple-600) !important}.active\:bg-purple-700:active{background-color:var(--purple-700) !important}.active\:bg-purple-800:active{background-color:var(--purple-800) !important}.active\:bg-purple-900:active{background-color:var(--purple-900) !important}.bg-gray-50{background-color:var(--gray-50) !important}.bg-gray-100{background-color:var(--gray-100) !important}.bg-gray-200{background-color:var(--gray-200) !important}.bg-gray-300{background-color:var(--gray-300) !important}.bg-gray-400{background-color:var(--gray-400) !important}.bg-gray-500{background-color:var(--gray-500) !important}.bg-gray-600{background-color:var(--gray-600) !important}.bg-gray-700{background-color:var(--gray-700) !important}.bg-gray-800{background-color:var(--gray-800) !important}.bg-gray-900{background-color:var(--gray-900) !important}.focus\:bg-gray-50:focus{background-color:var(--gray-50) !important}.focus\:bg-gray-100:focus{background-color:var(--gray-100) !important}.focus\:bg-gray-200:focus{background-color:var(--gray-200) !important}.focus\:bg-gray-300:focus{background-color:var(--gray-300) !important}.focus\:bg-gray-400:focus{background-color:var(--gray-400) !important}.focus\:bg-gray-500:focus{background-color:var(--gray-500) !important}.focus\:bg-gray-600:focus{background-color:var(--gray-600) !important}.focus\:bg-gray-700:focus{background-color:var(--gray-700) !important}.focus\:bg-gray-800:focus{background-color:var(--gray-800) !important}.focus\:bg-gray-900:focus{background-color:var(--gray-900) !important}.hover\:bg-gray-50:hover{background-color:var(--gray-50) !important}.hover\:bg-gray-100:hover{background-color:var(--gray-100) !important}.hover\:bg-gray-200:hover{background-color:var(--gray-200) !important}.hover\:bg-gray-300:hover{background-color:var(--gray-300) !important}.hover\:bg-gray-400:hover{background-color:var(--gray-400) !important}.hover\:bg-gray-500:hover{background-color:var(--gray-500) !important}.hover\:bg-gray-600:hover{background-color:var(--gray-600) !important}.hover\:bg-gray-700:hover{background-color:var(--gray-700) !important}.hover\:bg-gray-800:hover{background-color:var(--gray-800) !important}.hover\:bg-gray-900:hover{background-color:var(--gray-900) !important}.active\:bg-gray-50:active{background-color:var(--gray-50) !important}.active\:bg-gray-100:active{background-color:var(--gray-100) !important}.active\:bg-gray-200:active{background-color:var(--gray-200) !important}.active\:bg-gray-300:active{background-color:var(--gray-300) !important}.active\:bg-gray-400:active{background-color:var(--gray-400) !important}.active\:bg-gray-500:active{background-color:var(--gray-500) !important}.active\:bg-gray-600:active{background-color:var(--gray-600) !important}.active\:bg-gray-700:active{background-color:var(--gray-700) !important}.active\:bg-gray-800:active{background-color:var(--gray-800) !important}.active\:bg-gray-900:active{background-color:var(--gray-900) !important}.bg-red-50{background-color:var(--red-50) !important}.bg-red-100{background-color:var(--red-100) !important}.bg-red-200{background-color:var(--red-200) !important}.bg-red-300{background-color:var(--red-300) !important}.bg-red-400{background-color:var(--red-400) !important}.bg-red-500{background-color:var(--red-500) !important}.bg-red-600{background-color:var(--red-600) !important}.bg-red-700{background-color:var(--red-700) !important}.bg-red-800{background-color:var(--red-800) !important}.bg-red-900{background-color:var(--red-900) !important}.focus\:bg-red-50:focus{background-color:var(--red-50) !important}.focus\:bg-red-100:focus{background-color:var(--red-100) !important}.focus\:bg-red-200:focus{background-color:var(--red-200) !important}.focus\:bg-red-300:focus{background-color:var(--red-300) !important}.focus\:bg-red-400:focus{background-color:var(--red-400) !important}.focus\:bg-red-500:focus{background-color:var(--red-500) !important}.focus\:bg-red-600:focus{background-color:var(--red-600) !important}.focus\:bg-red-700:focus{background-color:var(--red-700) !important}.focus\:bg-red-800:focus{background-color:var(--red-800) !important}.focus\:bg-red-900:focus{background-color:var(--red-900) !important}.hover\:bg-red-50:hover{background-color:var(--red-50) !important}.hover\:bg-red-100:hover{background-color:var(--red-100) !important}.hover\:bg-red-200:hover{background-color:var(--red-200) !important}.hover\:bg-red-300:hover{background-color:var(--red-300) !important}.hover\:bg-red-400:hover{background-color:var(--red-400) !important}.hover\:bg-red-500:hover{background-color:var(--red-500) !important}.hover\:bg-red-600:hover{background-color:var(--red-600) !important}.hover\:bg-red-700:hover{background-color:var(--red-700) !important}.hover\:bg-red-800:hover{background-color:var(--red-800) !important}.hover\:bg-red-900:hover{background-color:var(--red-900) !important}.active\:bg-red-50:active{background-color:var(--red-50) !important}.active\:bg-red-100:active{background-color:var(--red-100) !important}.active\:bg-red-200:active{background-color:var(--red-200) !important}.active\:bg-red-300:active{background-color:var(--red-300) !important}.active\:bg-red-400:active{background-color:var(--red-400) !important}.active\:bg-red-500:active{background-color:var(--red-500) !important}.active\:bg-red-600:active{background-color:var(--red-600) !important}.active\:bg-red-700:active{background-color:var(--red-700) !important}.active\:bg-red-800:active{background-color:var(--red-800) !important}.active\:bg-red-900:active{background-color:var(--red-900) !important}.bg-primary-50{background-color:var(--primary-50) !important}.bg-primary-100{background-color:var(--primary-100) !important}.bg-primary-200{background-color:var(--primary-200) !important}.bg-primary-300{background-color:var(--primary-300) !important}.bg-primary-400{background-color:var(--primary-400) !important}.bg-primary-500{background-color:var(--primary-500) !important}.bg-primary-600{background-color:var(--primary-600) !important}.bg-primary-700{background-color:var(--primary-700) !important}.bg-primary-800{background-color:var(--primary-800) !important}.bg-primary-900{background-color:var(--primary-900) !important}.focus\:bg-primary-50:focus{background-color:var(--primary-50) !important}.focus\:bg-primary-100:focus{background-color:var(--primary-100) !important}.focus\:bg-primary-200:focus{background-color:var(--primary-200) !important}.focus\:bg-primary-300:focus{background-color:var(--primary-300) !important}.focus\:bg-primary-400:focus{background-color:var(--primary-400) !important}.focus\:bg-primary-500:focus{background-color:var(--primary-500) !important}.focus\:bg-primary-600:focus{background-color:var(--primary-600) !important}.focus\:bg-primary-700:focus{background-color:var(--primary-700) !important}.focus\:bg-primary-800:focus{background-color:var(--primary-800) !important}.focus\:bg-primary-900:focus{background-color:var(--primary-900) !important}.hover\:bg-primary-50:hover{background-color:var(--primary-50) !important}.hover\:bg-primary-100:hover{background-color:var(--primary-100) !important}.hover\:bg-primary-200:hover{background-color:var(--primary-200) !important}.hover\:bg-primary-300:hover{background-color:var(--primary-300) !important}.hover\:bg-primary-400:hover{background-color:var(--primary-400) !important}.hover\:bg-primary-500:hover{background-color:var(--primary-500) !important}.hover\:bg-primary-600:hover{background-color:var(--primary-600) !important}.hover\:bg-primary-700:hover{background-color:var(--primary-700) !important}.hover\:bg-primary-800:hover{background-color:var(--primary-800) !important}.hover\:bg-primary-900:hover{background-color:var(--primary-900) !important}.active\:bg-primary-50:active{background-color:var(--primary-50) !important}.active\:bg-primary-100:active{background-color:var(--primary-100) !important}.active\:bg-primary-200:active{background-color:var(--primary-200) !important}.active\:bg-primary-300:active{background-color:var(--primary-300) !important}.active\:bg-primary-400:active{background-color:var(--primary-400) !important}.active\:bg-primary-500:active{background-color:var(--primary-500) !important}.active\:bg-primary-600:active{background-color:var(--primary-600) !important}.active\:bg-primary-700:active{background-color:var(--primary-700) !important}.active\:bg-primary-800:active{background-color:var(--primary-800) !important}.active\:bg-primary-900:active{background-color:var(--primary-900) !important}.border-blue-50{border-color:var(--blue-50) !important}.border-blue-100{border-color:var(--blue-100) !important}.border-blue-200{border-color:var(--blue-200) !important}.border-blue-300{border-color:var(--blue-300) !important}.border-blue-400{border-color:var(--blue-400) !important}.border-blue-500{border-color:var(--blue-500) !important}.border-blue-600{border-color:var(--blue-600) !important}.border-blue-700{border-color:var(--blue-700) !important}.border-blue-800{border-color:var(--blue-800) !important}.border-blue-900{border-color:var(--blue-900) !important}.focus\:border-blue-50:focus{border-color:var(--blue-50) !important}.focus\:border-blue-100:focus{border-color:var(--blue-100) !important}.focus\:border-blue-200:focus{border-color:var(--blue-200) !important}.focus\:border-blue-300:focus{border-color:var(--blue-300) !important}.focus\:border-blue-400:focus{border-color:var(--blue-400) !important}.focus\:border-blue-500:focus{border-color:var(--blue-500) !important}.focus\:border-blue-600:focus{border-color:var(--blue-600) !important}.focus\:border-blue-700:focus{border-color:var(--blue-700) !important}.focus\:border-blue-800:focus{border-color:var(--blue-800) !important}.focus\:border-blue-900:focus{border-color:var(--blue-900) !important}.hover\:border-blue-50:hover{border-color:var(--blue-50) !important}.hover\:border-blue-100:hover{border-color:var(--blue-100) !important}.hover\:border-blue-200:hover{border-color:var(--blue-200) !important}.hover\:border-blue-300:hover{border-color:var(--blue-300) !important}.hover\:border-blue-400:hover{border-color:var(--blue-400) !important}.hover\:border-blue-500:hover{border-color:var(--blue-500) !important}.hover\:border-blue-600:hover{border-color:var(--blue-600) !important}.hover\:border-blue-700:hover{border-color:var(--blue-700) !important}.hover\:border-blue-800:hover{border-color:var(--blue-800) !important}.hover\:border-blue-900:hover{border-color:var(--blue-900) !important}.active\:border-blue-50:active{border-color:var(--blue-50) !important}.active\:border-blue-100:active{border-color:var(--blue-100) !important}.active\:border-blue-200:active{border-color:var(--blue-200) !important}.active\:border-blue-300:active{border-color:var(--blue-300) !important}.active\:border-blue-400:active{border-color:var(--blue-400) !important}.active\:border-blue-500:active{border-color:var(--blue-500) !important}.active\:border-blue-600:active{border-color:var(--blue-600) !important}.active\:border-blue-700:active{border-color:var(--blue-700) !important}.active\:border-blue-800:active{border-color:var(--blue-800) !important}.active\:border-blue-900:active{border-color:var(--blue-900) !important}.border-green-50{border-color:var(--green-50) !important}.border-green-100{border-color:var(--green-100) !important}.border-green-200{border-color:var(--green-200) !important}.border-green-300{border-color:var(--green-300) !important}.border-green-400{border-color:var(--green-400) !important}.border-green-500{border-color:var(--green-500) !important}.border-green-600{border-color:var(--green-600) !important}.border-green-700{border-color:var(--green-700) !important}.border-green-800{border-color:var(--green-800) !important}.border-green-900{border-color:var(--green-900) !important}.focus\:border-green-50:focus{border-color:var(--green-50) !important}.focus\:border-green-100:focus{border-color:var(--green-100) !important}.focus\:border-green-200:focus{border-color:var(--green-200) !important}.focus\:border-green-300:focus{border-color:var(--green-300) !important}.focus\:border-green-400:focus{border-color:var(--green-400) !important}.focus\:border-green-500:focus{border-color:var(--green-500) !important}.focus\:border-green-600:focus{border-color:var(--green-600) !important}.focus\:border-green-700:focus{border-color:var(--green-700) !important}.focus\:border-green-800:focus{border-color:var(--green-800) !important}.focus\:border-green-900:focus{border-color:var(--green-900) !important}.hover\:border-green-50:hover{border-color:var(--green-50) !important}.hover\:border-green-100:hover{border-color:var(--green-100) !important}.hover\:border-green-200:hover{border-color:var(--green-200) !important}.hover\:border-green-300:hover{border-color:var(--green-300) !important}.hover\:border-green-400:hover{border-color:var(--green-400) !important}.hover\:border-green-500:hover{border-color:var(--green-500) !important}.hover\:border-green-600:hover{border-color:var(--green-600) !important}.hover\:border-green-700:hover{border-color:var(--green-700) !important}.hover\:border-green-800:hover{border-color:var(--green-800) !important}.hover\:border-green-900:hover{border-color:var(--green-900) !important}.active\:border-green-50:active{border-color:var(--green-50) !important}.active\:border-green-100:active{border-color:var(--green-100) !important}.active\:border-green-200:active{border-color:var(--green-200) !important}.active\:border-green-300:active{border-color:var(--green-300) !important}.active\:border-green-400:active{border-color:var(--green-400) !important}.active\:border-green-500:active{border-color:var(--green-500) !important}.active\:border-green-600:active{border-color:var(--green-600) !important}.active\:border-green-700:active{border-color:var(--green-700) !important}.active\:border-green-800:active{border-color:var(--green-800) !important}.active\:border-green-900:active{border-color:var(--green-900) !important}.border-yellow-50{border-color:var(--yellow-50) !important}.border-yellow-100{border-color:var(--yellow-100) !important}.border-yellow-200{border-color:var(--yellow-200) !important}.border-yellow-300{border-color:var(--yellow-300) !important}.border-yellow-400{border-color:var(--yellow-400) !important}.border-yellow-500{border-color:var(--yellow-500) !important}.border-yellow-600{border-color:var(--yellow-600) !important}.border-yellow-700{border-color:var(--yellow-700) !important}.border-yellow-800{border-color:var(--yellow-800) !important}.border-yellow-900{border-color:var(--yellow-900) !important}.focus\:border-yellow-50:focus{border-color:var(--yellow-50) !important}.focus\:border-yellow-100:focus{border-color:var(--yellow-100) !important}.focus\:border-yellow-200:focus{border-color:var(--yellow-200) !important}.focus\:border-yellow-300:focus{border-color:var(--yellow-300) !important}.focus\:border-yellow-400:focus{border-color:var(--yellow-400) !important}.focus\:border-yellow-500:focus{border-color:var(--yellow-500) !important}.focus\:border-yellow-600:focus{border-color:var(--yellow-600) !important}.focus\:border-yellow-700:focus{border-color:var(--yellow-700) !important}.focus\:border-yellow-800:focus{border-color:var(--yellow-800) !important}.focus\:border-yellow-900:focus{border-color:var(--yellow-900) !important}.hover\:border-yellow-50:hover{border-color:var(--yellow-50) !important}.hover\:border-yellow-100:hover{border-color:var(--yellow-100) !important}.hover\:border-yellow-200:hover{border-color:var(--yellow-200) !important}.hover\:border-yellow-300:hover{border-color:var(--yellow-300) !important}.hover\:border-yellow-400:hover{border-color:var(--yellow-400) !important}.hover\:border-yellow-500:hover{border-color:var(--yellow-500) !important}.hover\:border-yellow-600:hover{border-color:var(--yellow-600) !important}.hover\:border-yellow-700:hover{border-color:var(--yellow-700) !important}.hover\:border-yellow-800:hover{border-color:var(--yellow-800) !important}.hover\:border-yellow-900:hover{border-color:var(--yellow-900) !important}.active\:border-yellow-50:active{border-color:var(--yellow-50) !important}.active\:border-yellow-100:active{border-color:var(--yellow-100) !important}.active\:border-yellow-200:active{border-color:var(--yellow-200) !important}.active\:border-yellow-300:active{border-color:var(--yellow-300) !important}.active\:border-yellow-400:active{border-color:var(--yellow-400) !important}.active\:border-yellow-500:active{border-color:var(--yellow-500) !important}.active\:border-yellow-600:active{border-color:var(--yellow-600) !important}.active\:border-yellow-700:active{border-color:var(--yellow-700) !important}.active\:border-yellow-800:active{border-color:var(--yellow-800) !important}.active\:border-yellow-900:active{border-color:var(--yellow-900) !important}.border-cyan-50{border-color:var(--cyan-50) !important}.border-cyan-100{border-color:var(--cyan-100) !important}.border-cyan-200{border-color:var(--cyan-200) !important}.border-cyan-300{border-color:var(--cyan-300) !important}.border-cyan-400{border-color:var(--cyan-400) !important}.border-cyan-500{border-color:var(--cyan-500) !important}.border-cyan-600{border-color:var(--cyan-600) !important}.border-cyan-700{border-color:var(--cyan-700) !important}.border-cyan-800{border-color:var(--cyan-800) !important}.border-cyan-900{border-color:var(--cyan-900) !important}.focus\:border-cyan-50:focus{border-color:var(--cyan-50) !important}.focus\:border-cyan-100:focus{border-color:var(--cyan-100) !important}.focus\:border-cyan-200:focus{border-color:var(--cyan-200) !important}.focus\:border-cyan-300:focus{border-color:var(--cyan-300) !important}.focus\:border-cyan-400:focus{border-color:var(--cyan-400) !important}.focus\:border-cyan-500:focus{border-color:var(--cyan-500) !important}.focus\:border-cyan-600:focus{border-color:var(--cyan-600) !important}.focus\:border-cyan-700:focus{border-color:var(--cyan-700) !important}.focus\:border-cyan-800:focus{border-color:var(--cyan-800) !important}.focus\:border-cyan-900:focus{border-color:var(--cyan-900) !important}.hover\:border-cyan-50:hover{border-color:var(--cyan-50) !important}.hover\:border-cyan-100:hover{border-color:var(--cyan-100) !important}.hover\:border-cyan-200:hover{border-color:var(--cyan-200) !important}.hover\:border-cyan-300:hover{border-color:var(--cyan-300) !important}.hover\:border-cyan-400:hover{border-color:var(--cyan-400) !important}.hover\:border-cyan-500:hover{border-color:var(--cyan-500) !important}.hover\:border-cyan-600:hover{border-color:var(--cyan-600) !important}.hover\:border-cyan-700:hover{border-color:var(--cyan-700) !important}.hover\:border-cyan-800:hover{border-color:var(--cyan-800) !important}.hover\:border-cyan-900:hover{border-color:var(--cyan-900) !important}.active\:border-cyan-50:active{border-color:var(--cyan-50) !important}.active\:border-cyan-100:active{border-color:var(--cyan-100) !important}.active\:border-cyan-200:active{border-color:var(--cyan-200) !important}.active\:border-cyan-300:active{border-color:var(--cyan-300) !important}.active\:border-cyan-400:active{border-color:var(--cyan-400) !important}.active\:border-cyan-500:active{border-color:var(--cyan-500) !important}.active\:border-cyan-600:active{border-color:var(--cyan-600) !important}.active\:border-cyan-700:active{border-color:var(--cyan-700) !important}.active\:border-cyan-800:active{border-color:var(--cyan-800) !important}.active\:border-cyan-900:active{border-color:var(--cyan-900) !important}.border-pink-50{border-color:var(--pink-50) !important}.border-pink-100{border-color:var(--pink-100) !important}.border-pink-200{border-color:var(--pink-200) !important}.border-pink-300{border-color:var(--pink-300) !important}.border-pink-400{border-color:var(--pink-400) !important}.border-pink-500{border-color:var(--pink-500) !important}.border-pink-600{border-color:var(--pink-600) !important}.border-pink-700{border-color:var(--pink-700) !important}.border-pink-800{border-color:var(--pink-800) !important}.border-pink-900{border-color:var(--pink-900) !important}.focus\:border-pink-50:focus{border-color:var(--pink-50) !important}.focus\:border-pink-100:focus{border-color:var(--pink-100) !important}.focus\:border-pink-200:focus{border-color:var(--pink-200) !important}.focus\:border-pink-300:focus{border-color:var(--pink-300) !important}.focus\:border-pink-400:focus{border-color:var(--pink-400) !important}.focus\:border-pink-500:focus{border-color:var(--pink-500) !important}.focus\:border-pink-600:focus{border-color:var(--pink-600) !important}.focus\:border-pink-700:focus{border-color:var(--pink-700) !important}.focus\:border-pink-800:focus{border-color:var(--pink-800) !important}.focus\:border-pink-900:focus{border-color:var(--pink-900) !important}.hover\:border-pink-50:hover{border-color:var(--pink-50) !important}.hover\:border-pink-100:hover{border-color:var(--pink-100) !important}.hover\:border-pink-200:hover{border-color:var(--pink-200) !important}.hover\:border-pink-300:hover{border-color:var(--pink-300) !important}.hover\:border-pink-400:hover{border-color:var(--pink-400) !important}.hover\:border-pink-500:hover{border-color:var(--pink-500) !important}.hover\:border-pink-600:hover{border-color:var(--pink-600) !important}.hover\:border-pink-700:hover{border-color:var(--pink-700) !important}.hover\:border-pink-800:hover{border-color:var(--pink-800) !important}.hover\:border-pink-900:hover{border-color:var(--pink-900) !important}.active\:border-pink-50:active{border-color:var(--pink-50) !important}.active\:border-pink-100:active{border-color:var(--pink-100) !important}.active\:border-pink-200:active{border-color:var(--pink-200) !important}.active\:border-pink-300:active{border-color:var(--pink-300) !important}.active\:border-pink-400:active{border-color:var(--pink-400) !important}.active\:border-pink-500:active{border-color:var(--pink-500) !important}.active\:border-pink-600:active{border-color:var(--pink-600) !important}.active\:border-pink-700:active{border-color:var(--pink-700) !important}.active\:border-pink-800:active{border-color:var(--pink-800) !important}.active\:border-pink-900:active{border-color:var(--pink-900) !important}.border-indigo-50{border-color:var(--indigo-50) !important}.border-indigo-100{border-color:var(--indigo-100) !important}.border-indigo-200{border-color:var(--indigo-200) !important}.border-indigo-300{border-color:var(--indigo-300) !important}.border-indigo-400{border-color:var(--indigo-400) !important}.border-indigo-500{border-color:var(--indigo-500) !important}.border-indigo-600{border-color:var(--indigo-600) !important}.border-indigo-700{border-color:var(--indigo-700) !important}.border-indigo-800{border-color:var(--indigo-800) !important}.border-indigo-900{border-color:var(--indigo-900) !important}.focus\:border-indigo-50:focus{border-color:var(--indigo-50) !important}.focus\:border-indigo-100:focus{border-color:var(--indigo-100) !important}.focus\:border-indigo-200:focus{border-color:var(--indigo-200) !important}.focus\:border-indigo-300:focus{border-color:var(--indigo-300) !important}.focus\:border-indigo-400:focus{border-color:var(--indigo-400) !important}.focus\:border-indigo-500:focus{border-color:var(--indigo-500) !important}.focus\:border-indigo-600:focus{border-color:var(--indigo-600) !important}.focus\:border-indigo-700:focus{border-color:var(--indigo-700) !important}.focus\:border-indigo-800:focus{border-color:var(--indigo-800) !important}.focus\:border-indigo-900:focus{border-color:var(--indigo-900) !important}.hover\:border-indigo-50:hover{border-color:var(--indigo-50) !important}.hover\:border-indigo-100:hover{border-color:var(--indigo-100) !important}.hover\:border-indigo-200:hover{border-color:var(--indigo-200) !important}.hover\:border-indigo-300:hover{border-color:var(--indigo-300) !important}.hover\:border-indigo-400:hover{border-color:var(--indigo-400) !important}.hover\:border-indigo-500:hover{border-color:var(--indigo-500) !important}.hover\:border-indigo-600:hover{border-color:var(--indigo-600) !important}.hover\:border-indigo-700:hover{border-color:var(--indigo-700) !important}.hover\:border-indigo-800:hover{border-color:var(--indigo-800) !important}.hover\:border-indigo-900:hover{border-color:var(--indigo-900) !important}.active\:border-indigo-50:active{border-color:var(--indigo-50) !important}.active\:border-indigo-100:active{border-color:var(--indigo-100) !important}.active\:border-indigo-200:active{border-color:var(--indigo-200) !important}.active\:border-indigo-300:active{border-color:var(--indigo-300) !important}.active\:border-indigo-400:active{border-color:var(--indigo-400) !important}.active\:border-indigo-500:active{border-color:var(--indigo-500) !important}.active\:border-indigo-600:active{border-color:var(--indigo-600) !important}.active\:border-indigo-700:active{border-color:var(--indigo-700) !important}.active\:border-indigo-800:active{border-color:var(--indigo-800) !important}.active\:border-indigo-900:active{border-color:var(--indigo-900) !important}.border-teal-50{border-color:var(--teal-50) !important}.border-teal-100{border-color:var(--teal-100) !important}.border-teal-200{border-color:var(--teal-200) !important}.border-teal-300{border-color:var(--teal-300) !important}.border-teal-400{border-color:var(--teal-400) !important}.border-teal-500{border-color:var(--teal-500) !important}.border-teal-600{border-color:var(--teal-600) !important}.border-teal-700{border-color:var(--teal-700) !important}.border-teal-800{border-color:var(--teal-800) !important}.border-teal-900{border-color:var(--teal-900) !important}.focus\:border-teal-50:focus{border-color:var(--teal-50) !important}.focus\:border-teal-100:focus{border-color:var(--teal-100) !important}.focus\:border-teal-200:focus{border-color:var(--teal-200) !important}.focus\:border-teal-300:focus{border-color:var(--teal-300) !important}.focus\:border-teal-400:focus{border-color:var(--teal-400) !important}.focus\:border-teal-500:focus{border-color:var(--teal-500) !important}.focus\:border-teal-600:focus{border-color:var(--teal-600) !important}.focus\:border-teal-700:focus{border-color:var(--teal-700) !important}.focus\:border-teal-800:focus{border-color:var(--teal-800) !important}.focus\:border-teal-900:focus{border-color:var(--teal-900) !important}.hover\:border-teal-50:hover{border-color:var(--teal-50) !important}.hover\:border-teal-100:hover{border-color:var(--teal-100) !important}.hover\:border-teal-200:hover{border-color:var(--teal-200) !important}.hover\:border-teal-300:hover{border-color:var(--teal-300) !important}.hover\:border-teal-400:hover{border-color:var(--teal-400) !important}.hover\:border-teal-500:hover{border-color:var(--teal-500) !important}.hover\:border-teal-600:hover{border-color:var(--teal-600) !important}.hover\:border-teal-700:hover{border-color:var(--teal-700) !important}.hover\:border-teal-800:hover{border-color:var(--teal-800) !important}.hover\:border-teal-900:hover{border-color:var(--teal-900) !important}.active\:border-teal-50:active{border-color:var(--teal-50) !important}.active\:border-teal-100:active{border-color:var(--teal-100) !important}.active\:border-teal-200:active{border-color:var(--teal-200) !important}.active\:border-teal-300:active{border-color:var(--teal-300) !important}.active\:border-teal-400:active{border-color:var(--teal-400) !important}.active\:border-teal-500:active{border-color:var(--teal-500) !important}.active\:border-teal-600:active{border-color:var(--teal-600) !important}.active\:border-teal-700:active{border-color:var(--teal-700) !important}.active\:border-teal-800:active{border-color:var(--teal-800) !important}.active\:border-teal-900:active{border-color:var(--teal-900) !important}.border-orange-50{border-color:var(--orange-50) !important}.border-orange-100{border-color:var(--orange-100) !important}.border-orange-200{border-color:var(--orange-200) !important}.border-orange-300{border-color:var(--orange-300) !important}.border-orange-400{border-color:var(--orange-400) !important}.border-orange-500{border-color:var(--orange-500) !important}.border-orange-600{border-color:var(--orange-600) !important}.border-orange-700{border-color:var(--orange-700) !important}.border-orange-800{border-color:var(--orange-800) !important}.border-orange-900{border-color:var(--orange-900) !important}.focus\:border-orange-50:focus{border-color:var(--orange-50) !important}.focus\:border-orange-100:focus{border-color:var(--orange-100) !important}.focus\:border-orange-200:focus{border-color:var(--orange-200) !important}.focus\:border-orange-300:focus{border-color:var(--orange-300) !important}.focus\:border-orange-400:focus{border-color:var(--orange-400) !important}.focus\:border-orange-500:focus{border-color:var(--orange-500) !important}.focus\:border-orange-600:focus{border-color:var(--orange-600) !important}.focus\:border-orange-700:focus{border-color:var(--orange-700) !important}.focus\:border-orange-800:focus{border-color:var(--orange-800) !important}.focus\:border-orange-900:focus{border-color:var(--orange-900) !important}.hover\:border-orange-50:hover{border-color:var(--orange-50) !important}.hover\:border-orange-100:hover{border-color:var(--orange-100) !important}.hover\:border-orange-200:hover{border-color:var(--orange-200) !important}.hover\:border-orange-300:hover{border-color:var(--orange-300) !important}.hover\:border-orange-400:hover{border-color:var(--orange-400) !important}.hover\:border-orange-500:hover{border-color:var(--orange-500) !important}.hover\:border-orange-600:hover{border-color:var(--orange-600) !important}.hover\:border-orange-700:hover{border-color:var(--orange-700) !important}.hover\:border-orange-800:hover{border-color:var(--orange-800) !important}.hover\:border-orange-900:hover{border-color:var(--orange-900) !important}.active\:border-orange-50:active{border-color:var(--orange-50) !important}.active\:border-orange-100:active{border-color:var(--orange-100) !important}.active\:border-orange-200:active{border-color:var(--orange-200) !important}.active\:border-orange-300:active{border-color:var(--orange-300) !important}.active\:border-orange-400:active{border-color:var(--orange-400) !important}.active\:border-orange-500:active{border-color:var(--orange-500) !important}.active\:border-orange-600:active{border-color:var(--orange-600) !important}.active\:border-orange-700:active{border-color:var(--orange-700) !important}.active\:border-orange-800:active{border-color:var(--orange-800) !important}.active\:border-orange-900:active{border-color:var(--orange-900) !important}.border-bluegray-50{border-color:var(--bluegray-50) !important}.border-bluegray-100{border-color:var(--bluegray-100) !important}.border-bluegray-200{border-color:var(--bluegray-200) !important}.border-bluegray-300{border-color:var(--bluegray-300) !important}.border-bluegray-400{border-color:var(--bluegray-400) !important}.border-bluegray-500{border-color:var(--bluegray-500) !important}.border-bluegray-600{border-color:var(--bluegray-600) !important}.border-bluegray-700{border-color:var(--bluegray-700) !important}.border-bluegray-800{border-color:var(--bluegray-800) !important}.border-bluegray-900{border-color:var(--bluegray-900) !important}.focus\:border-bluegray-50:focus{border-color:var(--bluegray-50) !important}.focus\:border-bluegray-100:focus{border-color:var(--bluegray-100) !important}.focus\:border-bluegray-200:focus{border-color:var(--bluegray-200) !important}.focus\:border-bluegray-300:focus{border-color:var(--bluegray-300) !important}.focus\:border-bluegray-400:focus{border-color:var(--bluegray-400) !important}.focus\:border-bluegray-500:focus{border-color:var(--bluegray-500) !important}.focus\:border-bluegray-600:focus{border-color:var(--bluegray-600) !important}.focus\:border-bluegray-700:focus{border-color:var(--bluegray-700) !important}.focus\:border-bluegray-800:focus{border-color:var(--bluegray-800) !important}.focus\:border-bluegray-900:focus{border-color:var(--bluegray-900) !important}.hover\:border-bluegray-50:hover{border-color:var(--bluegray-50) !important}.hover\:border-bluegray-100:hover{border-color:var(--bluegray-100) !important}.hover\:border-bluegray-200:hover{border-color:var(--bluegray-200) !important}.hover\:border-bluegray-300:hover{border-color:var(--bluegray-300) !important}.hover\:border-bluegray-400:hover{border-color:var(--bluegray-400) !important}.hover\:border-bluegray-500:hover{border-color:var(--bluegray-500) !important}.hover\:border-bluegray-600:hover{border-color:var(--bluegray-600) !important}.hover\:border-bluegray-700:hover{border-color:var(--bluegray-700) !important}.hover\:border-bluegray-800:hover{border-color:var(--bluegray-800) !important}.hover\:border-bluegray-900:hover{border-color:var(--bluegray-900) !important}.active\:border-bluegray-50:active{border-color:var(--bluegray-50) !important}.active\:border-bluegray-100:active{border-color:var(--bluegray-100) !important}.active\:border-bluegray-200:active{border-color:var(--bluegray-200) !important}.active\:border-bluegray-300:active{border-color:var(--bluegray-300) !important}.active\:border-bluegray-400:active{border-color:var(--bluegray-400) !important}.active\:border-bluegray-500:active{border-color:var(--bluegray-500) !important}.active\:border-bluegray-600:active{border-color:var(--bluegray-600) !important}.active\:border-bluegray-700:active{border-color:var(--bluegray-700) !important}.active\:border-bluegray-800:active{border-color:var(--bluegray-800) !important}.active\:border-bluegray-900:active{border-color:var(--bluegray-900) !important}.border-purple-50{border-color:var(--purple-50) !important}.border-purple-100{border-color:var(--purple-100) !important}.border-purple-200{border-color:var(--purple-200) !important}.border-purple-300{border-color:var(--purple-300) !important}.border-purple-400{border-color:var(--purple-400) !important}.border-purple-500{border-color:var(--purple-500) !important}.border-purple-600{border-color:var(--purple-600) !important}.border-purple-700{border-color:var(--purple-700) !important}.border-purple-800{border-color:var(--purple-800) !important}.border-purple-900{border-color:var(--purple-900) !important}.focus\:border-purple-50:focus{border-color:var(--purple-50) !important}.focus\:border-purple-100:focus{border-color:var(--purple-100) !important}.focus\:border-purple-200:focus{border-color:var(--purple-200) !important}.focus\:border-purple-300:focus{border-color:var(--purple-300) !important}.focus\:border-purple-400:focus{border-color:var(--purple-400) !important}.focus\:border-purple-500:focus{border-color:var(--purple-500) !important}.focus\:border-purple-600:focus{border-color:var(--purple-600) !important}.focus\:border-purple-700:focus{border-color:var(--purple-700) !important}.focus\:border-purple-800:focus{border-color:var(--purple-800) !important}.focus\:border-purple-900:focus{border-color:var(--purple-900) !important}.hover\:border-purple-50:hover{border-color:var(--purple-50) !important}.hover\:border-purple-100:hover{border-color:var(--purple-100) !important}.hover\:border-purple-200:hover{border-color:var(--purple-200) !important}.hover\:border-purple-300:hover{border-color:var(--purple-300) !important}.hover\:border-purple-400:hover{border-color:var(--purple-400) !important}.hover\:border-purple-500:hover{border-color:var(--purple-500) !important}.hover\:border-purple-600:hover{border-color:var(--purple-600) !important}.hover\:border-purple-700:hover{border-color:var(--purple-700) !important}.hover\:border-purple-800:hover{border-color:var(--purple-800) !important}.hover\:border-purple-900:hover{border-color:var(--purple-900) !important}.active\:border-purple-50:active{border-color:var(--purple-50) !important}.active\:border-purple-100:active{border-color:var(--purple-100) !important}.active\:border-purple-200:active{border-color:var(--purple-200) !important}.active\:border-purple-300:active{border-color:var(--purple-300) !important}.active\:border-purple-400:active{border-color:var(--purple-400) !important}.active\:border-purple-500:active{border-color:var(--purple-500) !important}.active\:border-purple-600:active{border-color:var(--purple-600) !important}.active\:border-purple-700:active{border-color:var(--purple-700) !important}.active\:border-purple-800:active{border-color:var(--purple-800) !important}.active\:border-purple-900:active{border-color:var(--purple-900) !important}.border-gray-50{border-color:var(--gray-50) !important}.border-gray-100{border-color:var(--gray-100) !important}.border-gray-200{border-color:var(--gray-200) !important}.border-gray-300{border-color:var(--gray-300) !important}.border-gray-400{border-color:var(--gray-400) !important}.border-gray-500{border-color:var(--gray-500) !important}.border-gray-600{border-color:var(--gray-600) !important}.border-gray-700{border-color:var(--gray-700) !important}.border-gray-800{border-color:var(--gray-800) !important}.border-gray-900{border-color:var(--gray-900) !important}.focus\:border-gray-50:focus{border-color:var(--gray-50) !important}.focus\:border-gray-100:focus{border-color:var(--gray-100) !important}.focus\:border-gray-200:focus{border-color:var(--gray-200) !important}.focus\:border-gray-300:focus{border-color:var(--gray-300) !important}.focus\:border-gray-400:focus{border-color:var(--gray-400) !important}.focus\:border-gray-500:focus{border-color:var(--gray-500) !important}.focus\:border-gray-600:focus{border-color:var(--gray-600) !important}.focus\:border-gray-700:focus{border-color:var(--gray-700) !important}.focus\:border-gray-800:focus{border-color:var(--gray-800) !important}.focus\:border-gray-900:focus{border-color:var(--gray-900) !important}.hover\:border-gray-50:hover{border-color:var(--gray-50) !important}.hover\:border-gray-100:hover{border-color:var(--gray-100) !important}.hover\:border-gray-200:hover{border-color:var(--gray-200) !important}.hover\:border-gray-300:hover{border-color:var(--gray-300) !important}.hover\:border-gray-400:hover{border-color:var(--gray-400) !important}.hover\:border-gray-500:hover{border-color:var(--gray-500) !important}.hover\:border-gray-600:hover{border-color:var(--gray-600) !important}.hover\:border-gray-700:hover{border-color:var(--gray-700) !important}.hover\:border-gray-800:hover{border-color:var(--gray-800) !important}.hover\:border-gray-900:hover{border-color:var(--gray-900) !important}.active\:border-gray-50:active{border-color:var(--gray-50) !important}.active\:border-gray-100:active{border-color:var(--gray-100) !important}.active\:border-gray-200:active{border-color:var(--gray-200) !important}.active\:border-gray-300:active{border-color:var(--gray-300) !important}.active\:border-gray-400:active{border-color:var(--gray-400) !important}.active\:border-gray-500:active{border-color:var(--gray-500) !important}.active\:border-gray-600:active{border-color:var(--gray-600) !important}.active\:border-gray-700:active{border-color:var(--gray-700) !important}.active\:border-gray-800:active{border-color:var(--gray-800) !important}.active\:border-gray-900:active{border-color:var(--gray-900) !important}.border-red-50{border-color:var(--red-50) !important}.border-red-100{border-color:var(--red-100) !important}.border-red-200{border-color:var(--red-200) !important}.border-red-300{border-color:var(--red-300) !important}.border-red-400{border-color:var(--red-400) !important}.border-red-500{border-color:var(--red-500) !important}.border-red-600{border-color:var(--red-600) !important}.border-red-700{border-color:var(--red-700) !important}.border-red-800{border-color:var(--red-800) !important}.border-red-900{border-color:var(--red-900) !important}.focus\:border-red-50:focus{border-color:var(--red-50) !important}.focus\:border-red-100:focus{border-color:var(--red-100) !important}.focus\:border-red-200:focus{border-color:var(--red-200) !important}.focus\:border-red-300:focus{border-color:var(--red-300) !important}.focus\:border-red-400:focus{border-color:var(--red-400) !important}.focus\:border-red-500:focus{border-color:var(--red-500) !important}.focus\:border-red-600:focus{border-color:var(--red-600) !important}.focus\:border-red-700:focus{border-color:var(--red-700) !important}.focus\:border-red-800:focus{border-color:var(--red-800) !important}.focus\:border-red-900:focus{border-color:var(--red-900) !important}.hover\:border-red-50:hover{border-color:var(--red-50) !important}.hover\:border-red-100:hover{border-color:var(--red-100) !important}.hover\:border-red-200:hover{border-color:var(--red-200) !important}.hover\:border-red-300:hover{border-color:var(--red-300) !important}.hover\:border-red-400:hover{border-color:var(--red-400) !important}.hover\:border-red-500:hover{border-color:var(--red-500) !important}.hover\:border-red-600:hover{border-color:var(--red-600) !important}.hover\:border-red-700:hover{border-color:var(--red-700) !important}.hover\:border-red-800:hover{border-color:var(--red-800) !important}.hover\:border-red-900:hover{border-color:var(--red-900) !important}.active\:border-red-50:active{border-color:var(--red-50) !important}.active\:border-red-100:active{border-color:var(--red-100) !important}.active\:border-red-200:active{border-color:var(--red-200) !important}.active\:border-red-300:active{border-color:var(--red-300) !important}.active\:border-red-400:active{border-color:var(--red-400) !important}.active\:border-red-500:active{border-color:var(--red-500) !important}.active\:border-red-600:active{border-color:var(--red-600) !important}.active\:border-red-700:active{border-color:var(--red-700) !important}.active\:border-red-800:active{border-color:var(--red-800) !important}.active\:border-red-900:active{border-color:var(--red-900) !important}.border-primary-50{border-color:var(--primary-50) !important}.border-primary-100{border-color:var(--primary-100) !important}.border-primary-200{border-color:var(--primary-200) !important}.border-primary-300{border-color:var(--primary-300) !important}.border-primary-400{border-color:var(--primary-400) !important}.border-primary-500{border-color:var(--primary-500) !important}.border-primary-600{border-color:var(--primary-600) !important}.border-primary-700{border-color:var(--primary-700) !important}.border-primary-800{border-color:var(--primary-800) !important}.border-primary-900{border-color:var(--primary-900) !important}.focus\:border-primary-50:focus{border-color:var(--primary-50) !important}.focus\:border-primary-100:focus{border-color:var(--primary-100) !important}.focus\:border-primary-200:focus{border-color:var(--primary-200) !important}.focus\:border-primary-300:focus{border-color:var(--primary-300) !important}.focus\:border-primary-400:focus{border-color:var(--primary-400) !important}.focus\:border-primary-500:focus{border-color:var(--primary-500) !important}.focus\:border-primary-600:focus{border-color:var(--primary-600) !important}.focus\:border-primary-700:focus{border-color:var(--primary-700) !important}.focus\:border-primary-800:focus{border-color:var(--primary-800) !important}.focus\:border-primary-900:focus{border-color:var(--primary-900) !important}.hover\:border-primary-50:hover{border-color:var(--primary-50) !important}.hover\:border-primary-100:hover{border-color:var(--primary-100) !important}.hover\:border-primary-200:hover{border-color:var(--primary-200) !important}.hover\:border-primary-300:hover{border-color:var(--primary-300) !important}.hover\:border-primary-400:hover{border-color:var(--primary-400) !important}.hover\:border-primary-500:hover{border-color:var(--primary-500) !important}.hover\:border-primary-600:hover{border-color:var(--primary-600) !important}.hover\:border-primary-700:hover{border-color:var(--primary-700) !important}.hover\:border-primary-800:hover{border-color:var(--primary-800) !important}.hover\:border-primary-900:hover{border-color:var(--primary-900) !important}.active\:border-primary-50:active{border-color:var(--primary-50) !important}.active\:border-primary-100:active{border-color:var(--primary-100) !important}.active\:border-primary-200:active{border-color:var(--primary-200) !important}.active\:border-primary-300:active{border-color:var(--primary-300) !important}.active\:border-primary-400:active{border-color:var(--primary-400) !important}.active\:border-primary-500:active{border-color:var(--primary-500) !important}.active\:border-primary-600:active{border-color:var(--primary-600) !important}.active\:border-primary-700:active{border-color:var(--primary-700) !important}.active\:border-primary-800:active{border-color:var(--primary-800) !important}.active\:border-primary-900:active{border-color:var(--primary-900) !important}.bg-white-alpha-10{background-color:rgba(255,255,255,0.1) !important}.bg-white-alpha-20{background-color:rgba(255,255,255,0.2) !important}.bg-white-alpha-30{background-color:rgba(255,255,255,0.3) !important}.bg-white-alpha-40{background-color:rgba(255,255,255,0.4) !important}.bg-white-alpha-50{background-color:rgba(255,255,255,0.5) !important}.bg-white-alpha-60{background-color:rgba(255,255,255,0.6) !important}.bg-white-alpha-70{background-color:rgba(255,255,255,0.7) !important}.bg-white-alpha-80{background-color:rgba(255,255,255,0.8) !important}.bg-white-alpha-90{background-color:rgba(255,255,255,0.9) !important}.hover\:bg-white-alpha-10:hover{background-color:rgba(255,255,255,0.1) !important}.hover\:bg-white-alpha-20:hover{background-color:rgba(255,255,255,0.2) !important}.hover\:bg-white-alpha-30:hover{background-color:rgba(255,255,255,0.3) !important}.hover\:bg-white-alpha-40:hover{background-color:rgba(255,255,255,0.4) !important}.hover\:bg-white-alpha-50:hover{background-color:rgba(255,255,255,0.5) !important}.hover\:bg-white-alpha-60:hover{background-color:rgba(255,255,255,0.6) !important}.hover\:bg-white-alpha-70:hover{background-color:rgba(255,255,255,0.7) !important}.hover\:bg-white-alpha-80:hover{background-color:rgba(255,255,255,0.8) !important}.hover\:bg-white-alpha-90:hover{background-color:rgba(255,255,255,0.9) !important}.focus\:bg-white-alpha-10:focus{background-color:rgba(255,255,255,0.1) !important}.focus\:bg-white-alpha-20:focus{background-color:rgba(255,255,255,0.2) !important}.focus\:bg-white-alpha-30:focus{background-color:rgba(255,255,255,0.3) !important}.focus\:bg-white-alpha-40:focus{background-color:rgba(255,255,255,0.4) !important}.focus\:bg-white-alpha-50:focus{background-color:rgba(255,255,255,0.5) !important}.focus\:bg-white-alpha-60:focus{background-color:rgba(255,255,255,0.6) !important}.focus\:bg-white-alpha-70:focus{background-color:rgba(255,255,255,0.7) !important}.focus\:bg-white-alpha-80:focus{background-color:rgba(255,255,255,0.8) !important}.focus\:bg-white-alpha-90:focus{background-color:rgba(255,255,255,0.9) !important}.active\:bg-white-alpha-10:active{background-color:rgba(255,255,255,0.1) !important}.active\:bg-white-alpha-20:active{background-color:rgba(255,255,255,0.2) !important}.active\:bg-white-alpha-30:active{background-color:rgba(255,255,255,0.3) !important}.active\:bg-white-alpha-40:active{background-color:rgba(255,255,255,0.4) !important}.active\:bg-white-alpha-50:active{background-color:rgba(255,255,255,0.5) !important}.active\:bg-white-alpha-60:active{background-color:rgba(255,255,255,0.6) !important}.active\:bg-white-alpha-70:active{background-color:rgba(255,255,255,0.7) !important}.active\:bg-white-alpha-80:active{background-color:rgba(255,255,255,0.8) !important}.active\:bg-white-alpha-90:active{background-color:rgba(255,255,255,0.9) !important}.bg-black-alpha-10{background-color:rgba(0,0,0,0.1) !important}.bg-black-alpha-20{background-color:rgba(0,0,0,0.2) !important}.bg-black-alpha-30{background-color:rgba(0,0,0,0.3) !important}.bg-black-alpha-40{background-color:rgba(0,0,0,0.4) !important}.bg-black-alpha-50{background-color:rgba(0,0,0,0.5) !important}.bg-black-alpha-60{background-color:rgba(0,0,0,0.6) !important}.bg-black-alpha-70{background-color:rgba(0,0,0,0.7) !important}.bg-black-alpha-80{background-color:rgba(0,0,0,0.8) !important}.bg-black-alpha-90{background-color:rgba(0,0,0,0.9) !important}.hover\:bg-black-alpha-10:hover{background-color:rgba(0,0,0,0.1) !important}.hover\:bg-black-alpha-20:hover{background-color:rgba(0,0,0,0.2) !important}.hover\:bg-black-alpha-30:hover{background-color:rgba(0,0,0,0.3) !important}.hover\:bg-black-alpha-40:hover{background-color:rgba(0,0,0,0.4) !important}.hover\:bg-black-alpha-50:hover{background-color:rgba(0,0,0,0.5) !important}.hover\:bg-black-alpha-60:hover{background-color:rgba(0,0,0,0.6) !important}.hover\:bg-black-alpha-70:hover{background-color:rgba(0,0,0,0.7) !important}.hover\:bg-black-alpha-80:hover{background-color:rgba(0,0,0,0.8) !important}.hover\:bg-black-alpha-90:hover{background-color:rgba(0,0,0,0.9) !important}.focus\:bg-black-alpha-10:focus{background-color:rgba(0,0,0,0.1) !important}.focus\:bg-black-alpha-20:focus{background-color:rgba(0,0,0,0.2) !important}.focus\:bg-black-alpha-30:focus{background-color:rgba(0,0,0,0.3) !important}.focus\:bg-black-alpha-40:focus{background-color:rgba(0,0,0,0.4) !important}.focus\:bg-black-alpha-50:focus{background-color:rgba(0,0,0,0.5) !important}.focus\:bg-black-alpha-60:focus{background-color:rgba(0,0,0,0.6) !important}.focus\:bg-black-alpha-70:focus{background-color:rgba(0,0,0,0.7) !important}.focus\:bg-black-alpha-80:focus{background-color:rgba(0,0,0,0.8) !important}.focus\:bg-black-alpha-90:focus{background-color:rgba(0,0,0,0.9) !important}.active\:bg-black-alpha-10:active{background-color:rgba(0,0,0,0.1) !important}.active\:bg-black-alpha-20:active{background-color:rgba(0,0,0,0.2) !important}.active\:bg-black-alpha-30:active{background-color:rgba(0,0,0,0.3) !important}.active\:bg-black-alpha-40:active{background-color:rgba(0,0,0,0.4) !important}.active\:bg-black-alpha-50:active{background-color:rgba(0,0,0,0.5) !important}.active\:bg-black-alpha-60:active{background-color:rgba(0,0,0,0.6) !important}.active\:bg-black-alpha-70:active{background-color:rgba(0,0,0,0.7) !important}.active\:bg-black-alpha-80:active{background-color:rgba(0,0,0,0.8) !important}.active\:bg-black-alpha-90:active{background-color:rgba(0,0,0,0.9) !important}.border-white-alpha-10{border-color:rgba(255,255,255,0.1) !important}.border-white-alpha-20{border-color:rgba(255,255,255,0.2) !important}.border-white-alpha-30{border-color:rgba(255,255,255,0.3) !important}.border-white-alpha-40{border-color:rgba(255,255,255,0.4) !important}.border-white-alpha-50{border-color:rgba(255,255,255,0.5) !important}.border-white-alpha-60{border-color:rgba(255,255,255,0.6) !important}.border-white-alpha-70{border-color:rgba(255,255,255,0.7) !important}.border-white-alpha-80{border-color:rgba(255,255,255,0.8) !important}.border-white-alpha-90{border-color:rgba(255,255,255,0.9) !important}.hover\:border-white-alpha-10:hover{border-color:rgba(255,255,255,0.1) !important}.hover\:border-white-alpha-20:hover{border-color:rgba(255,255,255,0.2) !important}.hover\:border-white-alpha-30:hover{border-color:rgba(255,255,255,0.3) !important}.hover\:border-white-alpha-40:hover{border-color:rgba(255,255,255,0.4) !important}.hover\:border-white-alpha-50:hover{border-color:rgba(255,255,255,0.5) !important}.hover\:border-white-alpha-60:hover{border-color:rgba(255,255,255,0.6) !important}.hover\:border-white-alpha-70:hover{border-color:rgba(255,255,255,0.7) !important}.hover\:border-white-alpha-80:hover{border-color:rgba(255,255,255,0.8) !important}.hover\:border-white-alpha-90:hover{border-color:rgba(255,255,255,0.9) !important}.focus\:border-white-alpha-10:focus{border-color:rgba(255,255,255,0.1) !important}.focus\:border-white-alpha-20:focus{border-color:rgba(255,255,255,0.2) !important}.focus\:border-white-alpha-30:focus{border-color:rgba(255,255,255,0.3) !important}.focus\:border-white-alpha-40:focus{border-color:rgba(255,255,255,0.4) !important}.focus\:border-white-alpha-50:focus{border-color:rgba(255,255,255,0.5) !important}.focus\:border-white-alpha-60:focus{border-color:rgba(255,255,255,0.6) !important}.focus\:border-white-alpha-70:focus{border-color:rgba(255,255,255,0.7) !important}.focus\:border-white-alpha-80:focus{border-color:rgba(255,255,255,0.8) !important}.focus\:border-white-alpha-90:focus{border-color:rgba(255,255,255,0.9) !important}.active\:border-white-alpha-10:active{border-color:rgba(255,255,255,0.1) !important}.active\:border-white-alpha-20:active{border-color:rgba(255,255,255,0.2) !important}.active\:border-white-alpha-30:active{border-color:rgba(255,255,255,0.3) !important}.active\:border-white-alpha-40:active{border-color:rgba(255,255,255,0.4) !important}.active\:border-white-alpha-50:active{border-color:rgba(255,255,255,0.5) !important}.active\:border-white-alpha-60:active{border-color:rgba(255,255,255,0.6) !important}.active\:border-white-alpha-70:active{border-color:rgba(255,255,255,0.7) !important}.active\:border-white-alpha-80:active{border-color:rgba(255,255,255,0.8) !important}.active\:border-white-alpha-90:active{border-color:rgba(255,255,255,0.9) !important}.border-black-alpha-10{border-color:rgba(0,0,0,0.1) !important}.border-black-alpha-20{border-color:rgba(0,0,0,0.2) !important}.border-black-alpha-30{border-color:rgba(0,0,0,0.3) !important}.border-black-alpha-40{border-color:rgba(0,0,0,0.4) !important}.border-black-alpha-50{border-color:rgba(0,0,0,0.5) !important}.border-black-alpha-60{border-color:rgba(0,0,0,0.6) !important}.border-black-alpha-70{border-color:rgba(0,0,0,0.7) !important}.border-black-alpha-80{border-color:rgba(0,0,0,0.8) !important}.border-black-alpha-90{border-color:rgba(0,0,0,0.9) !important}.hover\:border-black-alpha-10:hover{border-color:rgba(0,0,0,0.1) !important}.hover\:border-black-alpha-20:hover{border-color:rgba(0,0,0,0.2) !important}.hover\:border-black-alpha-30:hover{border-color:rgba(0,0,0,0.3) !important}.hover\:border-black-alpha-40:hover{border-color:rgba(0,0,0,0.4) !important}.hover\:border-black-alpha-50:hover{border-color:rgba(0,0,0,0.5) !important}.hover\:border-black-alpha-60:hover{border-color:rgba(0,0,0,0.6) !important}.hover\:border-black-alpha-70:hover{border-color:rgba(0,0,0,0.7) !important}.hover\:border-black-alpha-80:hover{border-color:rgba(0,0,0,0.8) !important}.hover\:border-black-alpha-90:hover{border-color:rgba(0,0,0,0.9) !important}.focus\:border-black-alpha-10:focus{border-color:rgba(0,0,0,0.1) !important}.focus\:border-black-alpha-20:focus{border-color:rgba(0,0,0,0.2) !important}.focus\:border-black-alpha-30:focus{border-color:rgba(0,0,0,0.3) !important}.focus\:border-black-alpha-40:focus{border-color:rgba(0,0,0,0.4) !important}.focus\:border-black-alpha-50:focus{border-color:rgba(0,0,0,0.5) !important}.focus\:border-black-alpha-60:focus{border-color:rgba(0,0,0,0.6) !important}.focus\:border-black-alpha-70:focus{border-color:rgba(0,0,0,0.7) !important}.focus\:border-black-alpha-80:focus{border-color:rgba(0,0,0,0.8) !important}.focus\:border-black-alpha-90:focus{border-color:rgba(0,0,0,0.9) !important}.active\:border-black-alpha-10:active{border-color:rgba(0,0,0,0.1) !important}.active\:border-black-alpha-20:active{border-color:rgba(0,0,0,0.2) !important}.active\:border-black-alpha-30:active{border-color:rgba(0,0,0,0.3) !important}.active\:border-black-alpha-40:active{border-color:rgba(0,0,0,0.4) !important}.active\:border-black-alpha-50:active{border-color:rgba(0,0,0,0.5) !important}.active\:border-black-alpha-60:active{border-color:rgba(0,0,0,0.6) !important}.active\:border-black-alpha-70:active{border-color:rgba(0,0,0,0.7) !important}.active\:border-black-alpha-80:active{border-color:rgba(0,0,0,0.8) !important}.active\:border-black-alpha-90:active{border-color:rgba(0,0,0,0.9) !important}.text-white-alpha-10{color:rgba(255,255,255,0.1) !important}.text-white-alpha-20{color:rgba(255,255,255,0.2) !important}.text-white-alpha-30{color:rgba(255,255,255,0.3) !important}.text-white-alpha-40{color:rgba(255,255,255,0.4) !important}.text-white-alpha-50{color:rgba(255,255,255,0.5) !important}.text-white-alpha-60{color:rgba(255,255,255,0.6) !important}.text-white-alpha-70{color:rgba(255,255,255,0.7) !important}.text-white-alpha-80{color:rgba(255,255,255,0.8) !important}.text-white-alpha-90{color:rgba(255,255,255,0.9) !important}.hover\:text-white-alpha-10:hover{color:rgba(255,255,255,0.1) !important}.hover\:text-white-alpha-20:hover{color:rgba(255,255,255,0.2) !important}.hover\:text-white-alpha-30:hover{color:rgba(255,255,255,0.3) !important}.hover\:text-white-alpha-40:hover{color:rgba(255,255,255,0.4) !important}.hover\:text-white-alpha-50:hover{color:rgba(255,255,255,0.5) !important}.hover\:text-white-alpha-60:hover{color:rgba(255,255,255,0.6) !important}.hover\:text-white-alpha-70:hover{color:rgba(255,255,255,0.7) !important}.hover\:text-white-alpha-80:hover{color:rgba(255,255,255,0.8) !important}.hover\:text-white-alpha-90:hover{color:rgba(255,255,255,0.9) !important}.focus\:text-white-alpha-10:focus{color:rgba(255,255,255,0.1) !important}.focus\:text-white-alpha-20:focus{color:rgba(255,255,255,0.2) !important}.focus\:text-white-alpha-30:focus{color:rgba(255,255,255,0.3) !important}.focus\:text-white-alpha-40:focus{color:rgba(255,255,255,0.4) !important}.focus\:text-white-alpha-50:focus{color:rgba(255,255,255,0.5) !important}.focus\:text-white-alpha-60:focus{color:rgba(255,255,255,0.6) !important}.focus\:text-white-alpha-70:focus{color:rgba(255,255,255,0.7) !important}.focus\:text-white-alpha-80:focus{color:rgba(255,255,255,0.8) !important}.focus\:text-white-alpha-90:focus{color:rgba(255,255,255,0.9) !important}.active\:text-white-alpha-10:active{color:rgba(255,255,255,0.1) !important}.active\:text-white-alpha-20:active{color:rgba(255,255,255,0.2) !important}.active\:text-white-alpha-30:active{color:rgba(255,255,255,0.3) !important}.active\:text-white-alpha-40:active{color:rgba(255,255,255,0.4) !important}.active\:text-white-alpha-50:active{color:rgba(255,255,255,0.5) !important}.active\:text-white-alpha-60:active{color:rgba(255,255,255,0.6) !important}.active\:text-white-alpha-70:active{color:rgba(255,255,255,0.7) !important}.active\:text-white-alpha-80:active{color:rgba(255,255,255,0.8) !important}.active\:text-white-alpha-90:active{color:rgba(255,255,255,0.9) !important}.text-black-alpha-10{color:rgba(0,0,0,0.1) !important}.text-black-alpha-20{color:rgba(0,0,0,0.2) !important}.text-black-alpha-30{color:rgba(0,0,0,0.3) !important}.text-black-alpha-40{color:rgba(0,0,0,0.4) !important}.text-black-alpha-50{color:rgba(0,0,0,0.5) !important}.text-black-alpha-60{color:rgba(0,0,0,0.6) !important}.text-black-alpha-70{color:rgba(0,0,0,0.7) !important}.text-black-alpha-80{color:rgba(0,0,0,0.8) !important}.text-black-alpha-90{color:rgba(0,0,0,0.9) !important}.hover\:text-black-alpha-10:hover{color:rgba(0,0,0,0.1) !important}.hover\:text-black-alpha-20:hover{color:rgba(0,0,0,0.2) !important}.hover\:text-black-alpha-30:hover{color:rgba(0,0,0,0.3) !important}.hover\:text-black-alpha-40:hover{color:rgba(0,0,0,0.4) !important}.hover\:text-black-alpha-50:hover{color:rgba(0,0,0,0.5) !important}.hover\:text-black-alpha-60:hover{color:rgba(0,0,0,0.6) !important}.hover\:text-black-alpha-70:hover{color:rgba(0,0,0,0.7) !important}.hover\:text-black-alpha-80:hover{color:rgba(0,0,0,0.8) !important}.hover\:text-black-alpha-90:hover{color:rgba(0,0,0,0.9) !important}.focus\:text-black-alpha-10:focus{color:rgba(0,0,0,0.1) !important}.focus\:text-black-alpha-20:focus{color:rgba(0,0,0,0.2) !important}.focus\:text-black-alpha-30:focus{color:rgba(0,0,0,0.3) !important}.focus\:text-black-alpha-40:focus{color:rgba(0,0,0,0.4) !important}.focus\:text-black-alpha-50:focus{color:rgba(0,0,0,0.5) !important}.focus\:text-black-alpha-60:focus{color:rgba(0,0,0,0.6) !important}.focus\:text-black-alpha-70:focus{color:rgba(0,0,0,0.7) !important}.focus\:text-black-alpha-80:focus{color:rgba(0,0,0,0.8) !important}.focus\:text-black-alpha-90:focus{color:rgba(0,0,0,0.9) !important}.active\:text-black-alpha-10:active{color:rgba(0,0,0,0.1) !important}.active\:text-black-alpha-20:active{color:rgba(0,0,0,0.2) !important}.active\:text-black-alpha-30:active{color:rgba(0,0,0,0.3) !important}.active\:text-black-alpha-40:active{color:rgba(0,0,0,0.4) !important}.active\:text-black-alpha-50:active{color:rgba(0,0,0,0.5) !important}.active\:text-black-alpha-60:active{color:rgba(0,0,0,0.6) !important}.active\:text-black-alpha-70:active{color:rgba(0,0,0,0.7) !important}.active\:text-black-alpha-80:active{color:rgba(0,0,0,0.8) !important}.active\:text-black-alpha-90:active{color:rgba(0,0,0,0.9) !important}.text-primary{color:var(--primary-color) !important}.bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.bg-white{background-color:#ffffff !important}.border-primary{border-color:var(--primary-color) !important}.text-white{color:#ffffff !important}.border-white{border-color:#ffffff !important}.text-color{color:var(--text-color) !important}.text-color-secondary{color:var(--text-color-secondary) !important}.surface-ground{background-color:var(--surface-ground) !important}.surface-section{background-color:var(--surface-section) !important}.surface-card{background-color:var(--surface-card) !important}.surface-overlay{background-color:var(--surface-overlay) !important}.surface-hover{background-color:var(--surface-hover) !important}.surface-border{border-color:var(--surface-border) !important}.focus\:text-primary:focus{color:var(--primary-color) !important}.hover\:text-primary:hover{color:var(--primary-color) !important}.active\:text-primary:active{color:var(--primary-color) !important}.focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.focus\:bg-white:focus{background-color:#ffffff !important}.hover\:bg-white:hover{background-color:#ffffff !important}.active\:bg-white:active{background-color:#ffffff !important}.focus\:border-primary:focus{border-color:var(--primary-color) !important}.hover\:border-primary:hover{border-color:var(--primary-color) !important}.active\:border-primary:active{border-color:var(--primary-color) !important}.focus\:text-white:focus{color:#ffffff !important}.hover\:text-white:hover{color:#ffffff !important}.active\:text-white:active{color:#ffffff !important}.focus\:border-white:focus{border-color:#ffffff !important}.hover\:border-white:hover{border-color:#ffffff !important}.active\:border-white:active{border-color:#ffffff !important}.focus\:text-color:focus{color:var(--text-color) !important}.hover\:text-color:hover{color:var(--text-color) !important}.active\:text-color:active{color:var(--text-color) !important}.focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.active\:surface-ground:active{background-color:var(--surface-ground) !important}.focus\:surface-section:focus{background-color:var(--surface-section) !important}.hover\:surface-section:hover{background-color:var(--surface-section) !important}.active\:surface-section:active{background-color:var(--surface-section) !important}.focus\:surface-card:focus{background-color:var(--surface-card) !important}.hover\:surface-card:hover{background-color:var(--surface-card) !important}.active\:surface-card:active{background-color:var(--surface-card) !important}.focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.active\:surface-hover:active{background-color:var(--surface-hover) !important}.focus\:surface-border:focus{border-color:var(--surface-border) !important}.hover\:surface-border:hover{border-color:var(--surface-border) !important}.active\:surface-border:active{border-color:var(--surface-border) !important}@media screen and (min-width: 576px){.sm\:text-primary{color:var(--primary-color) !important}.sm\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:bg-white{background-color:#ffffff !important}.sm\:border-primary{border-color:var(--primary-color) !important}.sm\:text-white{color:#ffffff !important}.sm\:border-white{border-color:#ffffff !important}.sm\:text-color{color:var(--text-color) !important}.sm\:text-color-secondary{color:var(--text-color-secondary) !important}.sm\:surface-ground{background-color:var(--surface-ground) !important}.sm\:surface-section{background-color:var(--surface-section) !important}.sm\:surface-card{background-color:var(--surface-card) !important}.sm\:surface-overlay{background-color:var(--surface-overlay) !important}.sm\:surface-hover{background-color:var(--surface-hover) !important}.sm\:surface-border{border-color:var(--surface-border) !important}.sm\:focus\:text-primary:focus{color:var(--primary-color) !important}.sm\:hover\:text-primary:hover{color:var(--primary-color) !important}.sm\:active\:text-primary:active{color:var(--primary-color) !important}.sm\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:focus\:bg-white:focus{background-color:#ffffff !important}.sm\:hover\:bg-white:hover{background-color:#ffffff !important}.sm\:active\:bg-white:active{background-color:#ffffff !important}.sm\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.sm\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.sm\:active\:border-primary:active{border-color:var(--primary-color) !important}.sm\:focus\:text-white:focus{color:#ffffff !important}.sm\:hover\:text-white:hover{color:#ffffff !important}.sm\:active\:text-white:active{color:#ffffff !important}.sm\:focus\:border-white:focus{border-color:#ffffff !important}.sm\:hover\:border-white:hover{border-color:#ffffff !important}.sm\:active\:border-white:active{border-color:#ffffff !important}.sm\:focus\:text-color:focus{color:var(--text-color) !important}.sm\:hover\:text-color:hover{color:var(--text-color) !important}.sm\:active\:text-color:active{color:var(--text-color) !important}.sm\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.sm\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.sm\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.sm\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.sm\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.sm\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.sm\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.sm\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.sm\:active\:surface-section:active{background-color:var(--surface-section) !important}.sm\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.sm\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.sm\:active\:surface-card:active{background-color:var(--surface-card) !important}.sm\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.sm\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.sm\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.sm\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.sm\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.sm\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.sm\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.sm\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.sm\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 768px){.md\:text-primary{color:var(--primary-color) !important}.md\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:bg-white{background-color:#ffffff !important}.md\:border-primary{border-color:var(--primary-color) !important}.md\:text-white{color:#ffffff !important}.md\:border-white{border-color:#ffffff !important}.md\:text-color{color:var(--text-color) !important}.md\:text-color-secondary{color:var(--text-color-secondary) !important}.md\:surface-ground{background-color:var(--surface-ground) !important}.md\:surface-section{background-color:var(--surface-section) !important}.md\:surface-card{background-color:var(--surface-card) !important}.md\:surface-overlay{background-color:var(--surface-overlay) !important}.md\:surface-hover{background-color:var(--surface-hover) !important}.md\:surface-border{border-color:var(--surface-border) !important}.md\:focus\:text-primary:focus{color:var(--primary-color) !important}.md\:hover\:text-primary:hover{color:var(--primary-color) !important}.md\:active\:text-primary:active{color:var(--primary-color) !important}.md\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:focus\:bg-white:focus{background-color:#ffffff !important}.md\:hover\:bg-white:hover{background-color:#ffffff !important}.md\:active\:bg-white:active{background-color:#ffffff !important}.md\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.md\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.md\:active\:border-primary:active{border-color:var(--primary-color) !important}.md\:focus\:text-white:focus{color:#ffffff !important}.md\:hover\:text-white:hover{color:#ffffff !important}.md\:active\:text-white:active{color:#ffffff !important}.md\:focus\:border-white:focus{border-color:#ffffff !important}.md\:hover\:border-white:hover{border-color:#ffffff !important}.md\:active\:border-white:active{border-color:#ffffff !important}.md\:focus\:text-color:focus{color:var(--text-color) !important}.md\:hover\:text-color:hover{color:var(--text-color) !important}.md\:active\:text-color:active{color:var(--text-color) !important}.md\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.md\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.md\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.md\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.md\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.md\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.md\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.md\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.md\:active\:surface-section:active{background-color:var(--surface-section) !important}.md\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.md\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.md\:active\:surface-card:active{background-color:var(--surface-card) !important}.md\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.md\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.md\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.md\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.md\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.md\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.md\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.md\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.md\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 992px){.lg\:text-primary{color:var(--primary-color) !important}.lg\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:bg-white{background-color:#ffffff !important}.lg\:border-primary{border-color:var(--primary-color) !important}.lg\:text-white{color:#ffffff !important}.lg\:border-white{border-color:#ffffff !important}.lg\:text-color{color:var(--text-color) !important}.lg\:text-color-secondary{color:var(--text-color-secondary) !important}.lg\:surface-ground{background-color:var(--surface-ground) !important}.lg\:surface-section{background-color:var(--surface-section) !important}.lg\:surface-card{background-color:var(--surface-card) !important}.lg\:surface-overlay{background-color:var(--surface-overlay) !important}.lg\:surface-hover{background-color:var(--surface-hover) !important}.lg\:surface-border{border-color:var(--surface-border) !important}.lg\:focus\:text-primary:focus{color:var(--primary-color) !important}.lg\:hover\:text-primary:hover{color:var(--primary-color) !important}.lg\:active\:text-primary:active{color:var(--primary-color) !important}.lg\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:focus\:bg-white:focus{background-color:#ffffff !important}.lg\:hover\:bg-white:hover{background-color:#ffffff !important}.lg\:active\:bg-white:active{background-color:#ffffff !important}.lg\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.lg\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.lg\:active\:border-primary:active{border-color:var(--primary-color) !important}.lg\:focus\:text-white:focus{color:#ffffff !important}.lg\:hover\:text-white:hover{color:#ffffff !important}.lg\:active\:text-white:active{color:#ffffff !important}.lg\:focus\:border-white:focus{border-color:#ffffff !important}.lg\:hover\:border-white:hover{border-color:#ffffff !important}.lg\:active\:border-white:active{border-color:#ffffff !important}.lg\:focus\:text-color:focus{color:var(--text-color) !important}.lg\:hover\:text-color:hover{color:var(--text-color) !important}.lg\:active\:text-color:active{color:var(--text-color) !important}.lg\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.lg\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.lg\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.lg\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.lg\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.lg\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.lg\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.lg\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.lg\:active\:surface-section:active{background-color:var(--surface-section) !important}.lg\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.lg\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.lg\:active\:surface-card:active{background-color:var(--surface-card) !important}.lg\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.lg\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.lg\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.lg\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.lg\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.lg\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.lg\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.lg\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.lg\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 1200px){.xl\:text-primary{color:var(--primary-color) !important}.xl\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:bg-white{background-color:#ffffff !important}.xl\:border-primary{border-color:var(--primary-color) !important}.xl\:text-white{color:#ffffff !important}.xl\:border-white{border-color:#ffffff !important}.xl\:text-color{color:var(--text-color) !important}.xl\:text-color-secondary{color:var(--text-color-secondary) !important}.xl\:surface-ground{background-color:var(--surface-ground) !important}.xl\:surface-section{background-color:var(--surface-section) !important}.xl\:surface-card{background-color:var(--surface-card) !important}.xl\:surface-overlay{background-color:var(--surface-overlay) !important}.xl\:surface-hover{background-color:var(--surface-hover) !important}.xl\:surface-border{border-color:var(--surface-border) !important}.xl\:focus\:text-primary:focus{color:var(--primary-color) !important}.xl\:hover\:text-primary:hover{color:var(--primary-color) !important}.xl\:active\:text-primary:active{color:var(--primary-color) !important}.xl\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:focus\:bg-white:focus{background-color:#ffffff !important}.xl\:hover\:bg-white:hover{background-color:#ffffff !important}.xl\:active\:bg-white:active{background-color:#ffffff !important}.xl\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.xl\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.xl\:active\:border-primary:active{border-color:var(--primary-color) !important}.xl\:focus\:text-white:focus{color:#ffffff !important}.xl\:hover\:text-white:hover{color:#ffffff !important}.xl\:active\:text-white:active{color:#ffffff !important}.xl\:focus\:border-white:focus{border-color:#ffffff !important}.xl\:hover\:border-white:hover{border-color:#ffffff !important}.xl\:active\:border-white:active{border-color:#ffffff !important}.xl\:focus\:text-color:focus{color:var(--text-color) !important}.xl\:hover\:text-color:hover{color:var(--text-color) !important}.xl\:active\:text-color:active{color:var(--text-color) !important}.xl\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.xl\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.xl\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.xl\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.xl\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.xl\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.xl\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.xl\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.xl\:active\:surface-section:active{background-color:var(--surface-section) !important}.xl\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.xl\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.xl\:active\:surface-card:active{background-color:var(--surface-card) !important}.xl\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.xl\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.xl\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.xl\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.xl\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.xl\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.xl\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.xl\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.xl\:active\:surface-border:active{border-color:var(--surface-border) !important}}.field{margin-bottom:1rem}.field>label{display:inline-block;margin-bottom:.5rem}.field.grid>label{display:flex;align-items:center}.field>small{margin-top:.25rem}.field.grid,.formgrid.grid{margin-top:0}.field.grid .col-fixed,.formgrid.grid .col-fixed,.field.grid .col,.formgrid.grid .col,.field.grid .col-1,.formgrid.grid .col-1,.field.grid .col-2,.formgrid.grid .col-2,.field.grid .col-3,.formgrid.grid .col-3,.field.grid .col-4,.formgrid.grid .col-4,.field.grid .col-5,.formgrid.grid .col-5,.field.grid .col-6,.formgrid.grid .col-6,.field.grid .col-7,.formgrid.grid .col-7,.field.grid .col-8,.formgrid.grid .col-8,.field.grid .col-9,.formgrid.grid .col-9,.field.grid .col-10,.formgrid.grid .col-10,.field.grid .col-11,.formgrid.grid .col-11,.field.grid .col-12,.formgrid.grid .col-12{padding-top:0;padding-bottom:0}.formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.formgroup-inline .field,.formgroup-inline .field-checkbox,.formgroup-inline .field-radiobutton{margin-right:1rem}.formgroup-inline .field>label,.formgroup-inline .field-checkbox>label,.formgroup-inline .field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.field-checkbox,.field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.field-checkbox>label,.field-radiobutton>label{margin-left:.5rem;line-height:1}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.sm\:hidden{display:none !important}.sm\:block{display:block !important}.sm\:inline{display:inline !important}.sm\:inline-block{display:inline-block !important}.sm\:flex{display:flex !important}.sm\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.md\:hidden{display:none !important}.md\:block{display:block !important}.md\:inline{display:inline !important}.md\:inline-block{display:inline-block !important}.md\:flex{display:flex !important}.md\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.lg\:hidden{display:none !important}.lg\:block{display:block !important}.lg\:inline{display:inline !important}.lg\:inline-block{display:inline-block !important}.lg\:flex{display:flex !important}.lg\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.xl\:hidden{display:none !important}.xl\:block{display:block !important}.xl\:inline{display:inline !important}.xl\:inline-block{display:inline-block !important}.xl\:flex{display:flex !important}.xl\:inline-flex{display:inline-flex !important}}.text-center{text-align:center !important}.text-justify{text-align:justify !important}.text-left{text-align:left !important}.text-right{text-align:right !important}@media screen and (min-width: 576px){.sm\:text-center{text-align:center !important}.sm\:text-justify{text-align:justify !important}.sm\:text-left{text-align:left !important}.sm\:text-right{text-align:right !important}}@media screen and (min-width: 768px){.md\:text-center{text-align:center !important}.md\:text-justify{text-align:justify !important}.md\:text-left{text-align:left !important}.md\:text-right{text-align:right !important}}@media screen and (min-width: 992px){.lg\:text-center{text-align:center !important}.lg\:text-justify{text-align:justify !important}.lg\:text-left{text-align:left !important}.lg\:text-right{text-align:right !important}}@media screen and (min-width: 1200px){.xl\:text-center{text-align:center !important}.xl\:text-justify{text-align:justify !important}.xl\:text-left{text-align:left !important}.xl\:text-right{text-align:right !important}}.underline{text-decoration:underline !important}.line-through{text-decoration:line-through !important}.no-underline{text-decoration:none !important}.focus\:underline:focus{text-decoration:underline !important}.hover\:underline:hover{text-decoration:underline !important}.active\:underline:active{text-decoration:underline !important}.focus\:line-through:focus{text-decoration:line-through !important}.hover\:line-through:hover{text-decoration:line-through !important}.active\:line-through:active{text-decoration:line-through !important}.focus\:no-underline:focus{text-decoration:none !important}.hover\:no-underline:hover{text-decoration:none !important}.active\:no-underline:active{text-decoration:none !important}.lowercase{text-transform:lowercase !important}.uppercase{text-transform:uppercase !important}.capitalize{text-transform:capitalize !important}.text-overflow-clip{text-overflow:clip !important}.text-overflow-ellipsis{text-overflow:ellipsis !important}@media screen and (min-width: 576px){.sm\:text-overflow-clip{text-overflow:clip !important}.sm\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 768px){.md\:text-overflow-clip{text-overflow:clip !important}.md\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 992px){.lg\:text-overflow-clip{text-overflow:clip !important}.lg\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 1200px){.xl\:text-overflow-clip{text-overflow:clip !important}.xl\:text-overflow-ellipsis{text-overflow:ellipsis !important}}.font-light{font-weight:300 !important}.font-normal{font-weight:400 !important}.font-medium{font-weight:500 !important}.font-semibold{font-weight:600 !important}.font-bold{font-weight:700 !important}@media screen and (min-width: 576px){.sm\:font-light{font-weight:300 !important}.sm\:font-normal{font-weight:400 !important}.sm\:font-medium{font-weight:500 !important}.sm\:font-semibold{font-weight:600 !important}.sm\:font-bold{font-weight:700 !important}}@media screen and (min-width: 768px){.md\:font-light{font-weight:300 !important}.md\:font-normal{font-weight:400 !important}.md\:font-medium{font-weight:500 !important}.md\:font-semibold{font-weight:600 !important}.md\:font-bold{font-weight:700 !important}}@media screen and (min-width: 992px){.lg\:font-light{font-weight:300 !important}.lg\:font-normal{font-weight:400 !important}.lg\:font-medium{font-weight:500 !important}.lg\:font-semibold{font-weight:600 !important}.lg\:font-bold{font-weight:700 !important}}@media screen and (min-width: 1200px){.xl\:font-light{font-weight:300 !important}.xl\:font-normal{font-weight:400 !important}.xl\:font-medium{font-weight:500 !important}.xl\:font-semibold{font-weight:600 !important}.xl\:font-bold{font-weight:700 !important}}.font-italic{font-style:italic !important}.text-xs{font-size:0.75rem !important}.text-sm{font-size:0.875rem !important}.text-base{font-size:1rem !important}.text-lg{font-size:1.125rem !important}.text-xl{font-size:1.25rem !important}.text-2xl{font-size:1.5rem !important}.text-3xl{font-size:1.75rem !important}.text-4xl{font-size:2rem !important}.text-5xl{font-size:2.5rem !important}.text-6xl{font-size:3rem !important}.text-7xl{font-size:4rem !important}.text-8xl{font-size:6rem !important}@media screen and (min-width: 576px){.sm\:text-xs{font-size:0.75rem !important}.sm\:text-sm{font-size:0.875rem !important}.sm\:text-base{font-size:1rem !important}.sm\:text-lg{font-size:1.125rem !important}.sm\:text-xl{font-size:1.25rem !important}.sm\:text-2xl{font-size:1.5rem !important}.sm\:text-3xl{font-size:1.75rem !important}.sm\:text-4xl{font-size:2rem !important}.sm\:text-5xl{font-size:2.5rem !important}.sm\:text-6xl{font-size:3rem !important}.sm\:text-7xl{font-size:4rem !important}.sm\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 768px){.md\:text-xs{font-size:0.75rem !important}.md\:text-sm{font-size:0.875rem !important}.md\:text-base{font-size:1rem !important}.md\:text-lg{font-size:1.125rem !important}.md\:text-xl{font-size:1.25rem !important}.md\:text-2xl{font-size:1.5rem !important}.md\:text-3xl{font-size:1.75rem !important}.md\:text-4xl{font-size:2rem !important}.md\:text-5xl{font-size:2.5rem !important}.md\:text-6xl{font-size:3rem !important}.md\:text-7xl{font-size:4rem !important}.md\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 992px){.lg\:text-xs{font-size:0.75rem !important}.lg\:text-sm{font-size:0.875rem !important}.lg\:text-base{font-size:1rem !important}.lg\:text-lg{font-size:1.125rem !important}.lg\:text-xl{font-size:1.25rem !important}.lg\:text-2xl{font-size:1.5rem !important}.lg\:text-3xl{font-size:1.75rem !important}.lg\:text-4xl{font-size:2rem !important}.lg\:text-5xl{font-size:2.5rem !important}.lg\:text-6xl{font-size:3rem !important}.lg\:text-7xl{font-size:4rem !important}.lg\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 1200px){.xl\:text-xs{font-size:0.75rem !important}.xl\:text-sm{font-size:0.875rem !important}.xl\:text-base{font-size:1rem !important}.xl\:text-lg{font-size:1.125rem !important}.xl\:text-xl{font-size:1.25rem !important}.xl\:text-2xl{font-size:1.5rem !important}.xl\:text-3xl{font-size:1.75rem !important}.xl\:text-4xl{font-size:2rem !important}.xl\:text-5xl{font-size:2.5rem !important}.xl\:text-6xl{font-size:3rem !important}.xl\:text-7xl{font-size:4rem !important}.xl\:text-8xl{font-size:6rem !important}}.line-height-1{line-height:1 !important}.line-height-2{line-height:1.25 !important}.line-height-3{line-height:1.5 !important}.line-height-4{line-height:2 !important}.white-space-normal{white-space:normal !important}.white-space-nowrap{white-space:nowrap !important}.vertical-align-baseline{vertical-align:baseline !important}.vertical-align-top{vertical-align:top !important}.vertical-align-middle{vertical-align:middle !important}.vertical-align-bottom{vertical-align:bottom !important}.vertical-align-text-top{vertical-align:text-top !important}.vertical-align-text-bottom{vertical-align:text-bottom !important}.vertical-align-sub{vertical-align:sub !important}.vertical-align-super{vertical-align:super !important}@media screen and (min-width: 576px){.sm\:vertical-align-baseline{vertical-align:baseline !important}.sm\:vertical-align-top{vertical-align:top !important}.sm\:vertical-align-middle{vertical-align:middle !important}.sm\:vertical-align-bottom{vertical-align:bottom !important}.sm\:vertical-align-text-top{vertical-align:text-top !important}.sm\:vertical-align-text-bottom{vertical-align:text-bottom !important}.sm\:vertical-align-sub{vertical-align:sub !important}.sm\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 768px){.md\:vertical-align-baseline{vertical-align:baseline !important}.md\:vertical-align-top{vertical-align:top !important}.md\:vertical-align-middle{vertical-align:middle !important}.md\:vertical-align-bottom{vertical-align:bottom !important}.md\:vertical-align-text-top{vertical-align:text-top !important}.md\:vertical-align-text-bottom{vertical-align:text-bottom !important}.md\:vertical-align-sub{vertical-align:sub !important}.md\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 992px){.lg\:vertical-align-baseline{vertical-align:baseline !important}.lg\:vertical-align-top{vertical-align:top !important}.lg\:vertical-align-middle{vertical-align:middle !important}.lg\:vertical-align-bottom{vertical-align:bottom !important}.lg\:vertical-align-text-top{vertical-align:text-top !important}.lg\:vertical-align-text-bottom{vertical-align:text-bottom !important}.lg\:vertical-align-sub{vertical-align:sub !important}.lg\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 1200px){.xl\:vertical-align-baseline{vertical-align:baseline !important}.xl\:vertical-align-top{vertical-align:top !important}.xl\:vertical-align-middle{vertical-align:middle !important}.xl\:vertical-align-bottom{vertical-align:bottom !important}.xl\:vertical-align-text-top{vertical-align:text-top !important}.xl\:vertical-align-text-bottom{vertical-align:text-bottom !important}.xl\:vertical-align-sub{vertical-align:sub !important}.xl\:vertical-align-super{vertical-align:super !important}}.flex-row{flex-direction:row !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column{flex-direction:column !important}.flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.sm\:flex-row{flex-direction:row !important}.sm\:flex-row-reverse{flex-direction:row-reverse !important}.sm\:flex-column{flex-direction:column !important}.sm\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.md\:flex-row{flex-direction:row !important}.md\:flex-row-reverse{flex-direction:row-reverse !important}.md\:flex-column{flex-direction:column !important}.md\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.lg\:flex-row{flex-direction:row !important}.lg\:flex-row-reverse{flex-direction:row-reverse !important}.lg\:flex-column{flex-direction:column !important}.lg\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.xl\:flex-row{flex-direction:row !important}.xl\:flex-row-reverse{flex-direction:row-reverse !important}.xl\:flex-column{flex-direction:column !important}.xl\:flex-column-reverse{flex-direction:column-reverse !important}}.flex-wrap{flex-wrap:wrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-nowrap{flex-wrap:nowrap !important}@media screen and (min-width: 576px){.sm\:flex-wrap{flex-wrap:wrap !important}.sm\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.sm\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 768px){.md\:flex-wrap{flex-wrap:wrap !important}.md\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.md\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 992px){.lg\:flex-wrap{flex-wrap:wrap !important}.lg\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.lg\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 1200px){.xl\:flex-wrap{flex-wrap:wrap !important}.xl\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.xl\:flex-nowrap{flex-wrap:nowrap !important}}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:justify-content-start{justify-content:flex-start !important}.sm\:justify-content-end{justify-content:flex-end !important}.sm\:justify-content-center{justify-content:center !important}.sm\:justify-content-between{justify-content:space-between !important}.sm\:justify-content-around{justify-content:space-around !important}.sm\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:justify-content-start{justify-content:flex-start !important}.md\:justify-content-end{justify-content:flex-end !important}.md\:justify-content-center{justify-content:center !important}.md\:justify-content-between{justify-content:space-between !important}.md\:justify-content-around{justify-content:space-around !important}.md\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:justify-content-start{justify-content:flex-start !important}.lg\:justify-content-end{justify-content:flex-end !important}.lg\:justify-content-center{justify-content:center !important}.lg\:justify-content-between{justify-content:space-between !important}.lg\:justify-content-around{justify-content:space-around !important}.lg\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:justify-content-start{justify-content:flex-start !important}.xl\:justify-content-end{justify-content:flex-end !important}.xl\:justify-content-center{justify-content:center !important}.xl\:justify-content-between{justify-content:space-between !important}.xl\:justify-content-around{justify-content:space-around !important}.xl\:justify-content-evenly{justify-content:space-evenly !important}}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-evenly{align-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:align-content-start{align-content:flex-start !important}.sm\:align-content-end{align-content:flex-end !important}.sm\:align-content-center{align-content:center !important}.sm\:align-content-between{align-content:space-between !important}.sm\:align-content-around{align-content:space-around !important}.sm\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:align-content-start{align-content:flex-start !important}.md\:align-content-end{align-content:flex-end !important}.md\:align-content-center{align-content:center !important}.md\:align-content-between{align-content:space-between !important}.md\:align-content-around{align-content:space-around !important}.md\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:align-content-start{align-content:flex-start !important}.lg\:align-content-end{align-content:flex-end !important}.lg\:align-content-center{align-content:center !important}.lg\:align-content-between{align-content:space-between !important}.lg\:align-content-around{align-content:space-around !important}.lg\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:align-content-start{align-content:flex-start !important}.xl\:align-content-end{align-content:flex-end !important}.xl\:align-content-center{align-content:center !important}.xl\:align-content-between{align-content:space-between !important}.xl\:align-content-around{align-content:space-around !important}.xl\:align-content-evenly{align-content:space-evenly !important}}.align-items-stretch{align-items:stretch !important}.align-items-start{align-items:flex-start !important}.align-items-center{align-items:center !important}.align-items-end{align-items:flex-end !important}.align-items-baseline{align-items:baseline !important}@media screen and (min-width: 576px){.sm\:align-items-stretch{align-items:stretch !important}.sm\:align-items-start{align-items:flex-start !important}.sm\:align-items-center{align-items:center !important}.sm\:align-items-end{align-items:flex-end !important}.sm\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 768px){.md\:align-items-stretch{align-items:stretch !important}.md\:align-items-start{align-items:flex-start !important}.md\:align-items-center{align-items:center !important}.md\:align-items-end{align-items:flex-end !important}.md\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 992px){.lg\:align-items-stretch{align-items:stretch !important}.lg\:align-items-start{align-items:flex-start !important}.lg\:align-items-center{align-items:center !important}.lg\:align-items-end{align-items:flex-end !important}.lg\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-items-stretch{align-items:stretch !important}.xl\:align-items-start{align-items:flex-start !important}.xl\:align-items-center{align-items:center !important}.xl\:align-items-end{align-items:flex-end !important}.xl\:align-items-baseline{align-items:baseline !important}}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-stretch{align-self:stretch !important}.align-self-baseline{align-self:baseline !important}@media screen and (min-width: 576px){.sm\:align-self-auto{align-self:auto !important}.sm\:align-self-start{align-self:flex-start !important}.sm\:align-self-end{align-self:flex-end !important}.sm\:align-self-center{align-self:center !important}.sm\:align-self-stretch{align-self:stretch !important}.sm\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 768px){.md\:align-self-auto{align-self:auto !important}.md\:align-self-start{align-self:flex-start !important}.md\:align-self-end{align-self:flex-end !important}.md\:align-self-center{align-self:center !important}.md\:align-self-stretch{align-self:stretch !important}.md\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 992px){.lg\:align-self-auto{align-self:auto !important}.lg\:align-self-start{align-self:flex-start !important}.lg\:align-self-end{align-self:flex-end !important}.lg\:align-self-center{align-self:center !important}.lg\:align-self-stretch{align-self:stretch !important}.lg\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-self-auto{align-self:auto !important}.xl\:align-self-start{align-self:flex-start !important}.xl\:align-self-end{align-self:flex-end !important}.xl\:align-self-center{align-self:center !important}.xl\:align-self-stretch{align-self:stretch !important}.xl\:align-self-baseline{align-self:baseline !important}}.flex-order-0{order:0 !important}.flex-order-1{order:1 !important}.flex-order-2{order:2 !important}.flex-order-3{order:3 !important}.flex-order-4{order:4 !important}.flex-order-5{order:5 !important}.flex-order-6{order:6 !important}@media screen and (min-width: 576px){.sm\:flex-order-0{order:0 !important}.sm\:flex-order-1{order:1 !important}.sm\:flex-order-2{order:2 !important}.sm\:flex-order-3{order:3 !important}.sm\:flex-order-4{order:4 !important}.sm\:flex-order-5{order:5 !important}.sm\:flex-order-6{order:6 !important}}@media screen and (min-width: 768px){.md\:flex-order-0{order:0 !important}.md\:flex-order-1{order:1 !important}.md\:flex-order-2{order:2 !important}.md\:flex-order-3{order:3 !important}.md\:flex-order-4{order:4 !important}.md\:flex-order-5{order:5 !important}.md\:flex-order-6{order:6 !important}}@media screen and (min-width: 992px){.lg\:flex-order-0{order:0 !important}.lg\:flex-order-1{order:1 !important}.lg\:flex-order-2{order:2 !important}.lg\:flex-order-3{order:3 !important}.lg\:flex-order-4{order:4 !important}.lg\:flex-order-5{order:5 !important}.lg\:flex-order-6{order:6 !important}}@media screen and (min-width: 1200px){.xl\:flex-order-0{order:0 !important}.xl\:flex-order-1{order:1 !important}.xl\:flex-order-2{order:2 !important}.xl\:flex-order-3{order:3 !important}.xl\:flex-order-4{order:4 !important}.xl\:flex-order-5{order:5 !important}.xl\:flex-order-6{order:6 !important}}.flex-1{flex:1 1 0% !important}.flex-auto{flex:1 1 auto !important}.flex-initial{flex:0 1 auto !important}.flex-none{flex:none !important}@media screen and (min-width: 576px){.sm\:flex-1{flex:1 1 0% !important}.sm\:flex-auto{flex:1 1 auto !important}.sm\:flex-initial{flex:0 1 auto !important}.sm\:flex-none{flex:none !important}}@media screen and (min-width: 768px){.md\:flex-1{flex:1 1 0% !important}.md\:flex-auto{flex:1 1 auto !important}.md\:flex-initial{flex:0 1 auto !important}.md\:flex-none{flex:none !important}}@media screen and (min-width: 992px){.lg\:flex-1{flex:1 1 0% !important}.lg\:flex-auto{flex:1 1 auto !important}.lg\:flex-initial{flex:0 1 auto !important}.lg\:flex-none{flex:none !important}}@media screen and (min-width: 1200px){.xl\:flex-1{flex:1 1 0% !important}.xl\:flex-auto{flex:1 1 auto !important}.xl\:flex-initial{flex:0 1 auto !important}.xl\:flex-none{flex:none !important}}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}@media screen and (min-width: 576px){.sm\:flex-grow-0{flex-grow:0 !important}.sm\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 768px){.md\:flex-grow-0{flex-grow:0 !important}.md\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 992px){.lg\:flex-grow-0{flex-grow:0 !important}.lg\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-grow-0{flex-grow:0 !important}.xl\:flex-grow-1{flex-grow:1 !important}}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}@media screen and (min-width: 576px){.sm\:flex-shrink-0{flex-shrink:0 !important}.sm\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 768px){.md\:flex-shrink-0{flex-shrink:0 !important}.md\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 992px){.lg\:flex-shrink-0{flex-shrink:0 !important}.lg\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-shrink-0{flex-shrink:0 !important}.xl\:flex-shrink-1{flex-shrink:1 !important}}.gap-0{gap:0rem !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:2rem !important}.gap-6{gap:3rem !important}.gap-7{gap:4rem !important}.gap-8{gap:5rem !important}.row-gap-0{row-gap:0rem !important}.row-gap-1{row-gap:.25rem !important}.row-gap-2{row-gap:.5rem !important}.row-gap-3{row-gap:1rem !important}.row-gap-4{row-gap:1.5rem !important}.row-gap-5{row-gap:2rem !important}.row-gap-6{row-gap:3rem !important}.row-gap-7{row-gap:4rem !important}.row-gap-8{row-gap:5rem !important}.column-gap-0{column-gap:0rem !important}.column-gap-1{column-gap:.25rem !important}.column-gap-2{column-gap:.5rem !important}.column-gap-3{column-gap:1rem !important}.column-gap-4{column-gap:1.5rem !important}.column-gap-5{column-gap:2rem !important}.column-gap-6{column-gap:3rem !important}.column-gap-7{column-gap:4rem !important}.column-gap-8{column-gap:5rem !important}@media screen and (min-width: 576px){.sm\:gap-0{gap:0rem !important}.sm\:gap-1{gap:.25rem !important}.sm\:gap-2{gap:.5rem !important}.sm\:gap-3{gap:1rem !important}.sm\:gap-4{gap:1.5rem !important}.sm\:gap-5{gap:2rem !important}.sm\:gap-6{gap:3rem !important}.sm\:gap-7{gap:4rem !important}.sm\:gap-8{gap:5rem !important}.sm\:row-gap-0{row-gap:0rem !important}.sm\:row-gap-1{row-gap:.25rem !important}.sm\:row-gap-2{row-gap:.5rem !important}.sm\:row-gap-3{row-gap:1rem !important}.sm\:row-gap-4{row-gap:1.5rem !important}.sm\:row-gap-5{row-gap:2rem !important}.sm\:row-gap-6{row-gap:3rem !important}.sm\:row-gap-7{row-gap:4rem !important}.sm\:row-gap-8{row-gap:5rem !important}.sm\:column-gap-0{column-gap:0rem !important}.sm\:column-gap-1{column-gap:.25rem !important}.sm\:column-gap-2{column-gap:.5rem !important}.sm\:column-gap-3{column-gap:1rem !important}.sm\:column-gap-4{column-gap:1.5rem !important}.sm\:column-gap-5{column-gap:2rem !important}.sm\:column-gap-6{column-gap:3rem !important}.sm\:column-gap-7{column-gap:4rem !important}.sm\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 768px){.md\:gap-0{gap:0rem !important}.md\:gap-1{gap:.25rem !important}.md\:gap-2{gap:.5rem !important}.md\:gap-3{gap:1rem !important}.md\:gap-4{gap:1.5rem !important}.md\:gap-5{gap:2rem !important}.md\:gap-6{gap:3rem !important}.md\:gap-7{gap:4rem !important}.md\:gap-8{gap:5rem !important}.md\:row-gap-0{row-gap:0rem !important}.md\:row-gap-1{row-gap:.25rem !important}.md\:row-gap-2{row-gap:.5rem !important}.md\:row-gap-3{row-gap:1rem !important}.md\:row-gap-4{row-gap:1.5rem !important}.md\:row-gap-5{row-gap:2rem !important}.md\:row-gap-6{row-gap:3rem !important}.md\:row-gap-7{row-gap:4rem !important}.md\:row-gap-8{row-gap:5rem !important}.md\:column-gap-0{column-gap:0rem !important}.md\:column-gap-1{column-gap:.25rem !important}.md\:column-gap-2{column-gap:.5rem !important}.md\:column-gap-3{column-gap:1rem !important}.md\:column-gap-4{column-gap:1.5rem !important}.md\:column-gap-5{column-gap:2rem !important}.md\:column-gap-6{column-gap:3rem !important}.md\:column-gap-7{column-gap:4rem !important}.md\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 992px){.lg\:gap-0{gap:0rem !important}.lg\:gap-1{gap:.25rem !important}.lg\:gap-2{gap:.5rem !important}.lg\:gap-3{gap:1rem !important}.lg\:gap-4{gap:1.5rem !important}.lg\:gap-5{gap:2rem !important}.lg\:gap-6{gap:3rem !important}.lg\:gap-7{gap:4rem !important}.lg\:gap-8{gap:5rem !important}.lg\:row-gap-0{row-gap:0rem !important}.lg\:row-gap-1{row-gap:.25rem !important}.lg\:row-gap-2{row-gap:.5rem !important}.lg\:row-gap-3{row-gap:1rem !important}.lg\:row-gap-4{row-gap:1.5rem !important}.lg\:row-gap-5{row-gap:2rem !important}.lg\:row-gap-6{row-gap:3rem !important}.lg\:row-gap-7{row-gap:4rem !important}.lg\:row-gap-8{row-gap:5rem !important}.lg\:column-gap-0{column-gap:0rem !important}.lg\:column-gap-1{column-gap:.25rem !important}.lg\:column-gap-2{column-gap:.5rem !important}.lg\:column-gap-3{column-gap:1rem !important}.lg\:column-gap-4{column-gap:1.5rem !important}.lg\:column-gap-5{column-gap:2rem !important}.lg\:column-gap-6{column-gap:3rem !important}.lg\:column-gap-7{column-gap:4rem !important}.lg\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 1200px){.xl\:gap-0{gap:0rem !important}.xl\:gap-1{gap:.25rem !important}.xl\:gap-2{gap:.5rem !important}.xl\:gap-3{gap:1rem !important}.xl\:gap-4{gap:1.5rem !important}.xl\:gap-5{gap:2rem !important}.xl\:gap-6{gap:3rem !important}.xl\:gap-7{gap:4rem !important}.xl\:gap-8{gap:5rem !important}.xl\:row-gap-0{row-gap:0rem !important}.xl\:row-gap-1{row-gap:.25rem !important}.xl\:row-gap-2{row-gap:.5rem !important}.xl\:row-gap-3{row-gap:1rem !important}.xl\:row-gap-4{row-gap:1.5rem !important}.xl\:row-gap-5{row-gap:2rem !important}.xl\:row-gap-6{row-gap:3rem !important}.xl\:row-gap-7{row-gap:4rem !important}.xl\:row-gap-8{row-gap:5rem !important}.xl\:column-gap-0{column-gap:0rem !important}.xl\:column-gap-1{column-gap:.25rem !important}.xl\:column-gap-2{column-gap:.5rem !important}.xl\:column-gap-3{column-gap:1rem !important}.xl\:column-gap-4{column-gap:1.5rem !important}.xl\:column-gap-5{column-gap:2rem !important}.xl\:column-gap-6{column-gap:3rem !important}.xl\:column-gap-7{column-gap:4rem !important}.xl\:column-gap-8{column-gap:5rem !important}}.p-0{padding:0rem !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:2rem !important}.p-6{padding:3rem !important}.p-7{padding:4rem !important}.p-8{padding:5rem !important}.pt-0{padding-top:0rem !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:2rem !important}.pt-6{padding-top:3rem !important}.pt-7{padding-top:4rem !important}.pt-8{padding-top:5rem !important}.pr-0{padding-right:0rem !important}.pr-1{padding-right:.25rem !important}.pr-2{padding-right:.5rem !important}.pr-3{padding-right:1rem !important}.pr-4{padding-right:1.5rem !important}.pr-5{padding-right:2rem !important}.pr-6{padding-right:3rem !important}.pr-7{padding-right:4rem !important}.pr-8{padding-right:5rem !important}.pl-0{padding-left:0rem !important}.pl-1{padding-left:.25rem !important}.pl-2{padding-left:.5rem !important}.pl-3{padding-left:1rem !important}.pl-4{padding-left:1.5rem !important}.pl-5{padding-left:2rem !important}.pl-6{padding-left:3rem !important}.pl-7{padding-left:4rem !important}.pl-8{padding-left:5rem !important}.pb-0{padding-bottom:0rem !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:2rem !important}.pb-6{padding-bottom:3rem !important}.pb-7{padding-bottom:4rem !important}.pb-8{padding-bottom:5rem !important}.px-0{padding-left:0rem !important;padding-right:0rem !important}.px-1{padding-left:.25rem !important;padding-right:.25rem !important}.px-2{padding-left:.5rem !important;padding-right:.5rem !important}.px-3{padding-left:1rem !important;padding-right:1rem !important}.px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.px-5{padding-left:2rem !important;padding-right:2rem !important}.px-6{padding-left:3rem !important;padding-right:3rem !important}.px-7{padding-left:4rem !important;padding-right:4rem !important}.px-8{padding-left:5rem !important;padding-right:5rem !important}.py-0{padding-top:0rem !important;padding-bottom:0rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:2rem !important;padding-bottom:2rem !important}.py-6{padding-top:3rem !important;padding-bottom:3rem !important}.py-7{padding-top:4rem !important;padding-bottom:4rem !important}.py-8{padding-top:5rem !important;padding-bottom:5rem !important}@media screen and (min-width: 576px){.sm\:p-0{padding:0rem !important}.sm\:p-1{padding:.25rem !important}.sm\:p-2{padding:.5rem !important}.sm\:p-3{padding:1rem !important}.sm\:p-4{padding:1.5rem !important}.sm\:p-5{padding:2rem !important}.sm\:p-6{padding:3rem !important}.sm\:p-7{padding:4rem !important}.sm\:p-8{padding:5rem !important}.sm\:pt-0{padding-top:0rem !important}.sm\:pt-1{padding-top:.25rem !important}.sm\:pt-2{padding-top:.5rem !important}.sm\:pt-3{padding-top:1rem !important}.sm\:pt-4{padding-top:1.5rem !important}.sm\:pt-5{padding-top:2rem !important}.sm\:pt-6{padding-top:3rem !important}.sm\:pt-7{padding-top:4rem !important}.sm\:pt-8{padding-top:5rem !important}.sm\:pr-0{padding-right:0rem !important}.sm\:pr-1{padding-right:.25rem !important}.sm\:pr-2{padding-right:.5rem !important}.sm\:pr-3{padding-right:1rem !important}.sm\:pr-4{padding-right:1.5rem !important}.sm\:pr-5{padding-right:2rem !important}.sm\:pr-6{padding-right:3rem !important}.sm\:pr-7{padding-right:4rem !important}.sm\:pr-8{padding-right:5rem !important}.sm\:pl-0{padding-left:0rem !important}.sm\:pl-1{padding-left:.25rem !important}.sm\:pl-2{padding-left:.5rem !important}.sm\:pl-3{padding-left:1rem !important}.sm\:pl-4{padding-left:1.5rem !important}.sm\:pl-5{padding-left:2rem !important}.sm\:pl-6{padding-left:3rem !important}.sm\:pl-7{padding-left:4rem !important}.sm\:pl-8{padding-left:5rem !important}.sm\:pb-0{padding-bottom:0rem !important}.sm\:pb-1{padding-bottom:.25rem !important}.sm\:pb-2{padding-bottom:.5rem !important}.sm\:pb-3{padding-bottom:1rem !important}.sm\:pb-4{padding-bottom:1.5rem !important}.sm\:pb-5{padding-bottom:2rem !important}.sm\:pb-6{padding-bottom:3rem !important}.sm\:pb-7{padding-bottom:4rem !important}.sm\:pb-8{padding-bottom:5rem !important}.sm\:px-0{padding-left:0rem !important;padding-right:0rem !important}.sm\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.sm\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.sm\:px-3{padding-left:1rem !important;padding-right:1rem !important}.sm\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.sm\:px-5{padding-left:2rem !important;padding-right:2rem !important}.sm\:px-6{padding-left:3rem !important;padding-right:3rem !important}.sm\:px-7{padding-left:4rem !important;padding-right:4rem !important}.sm\:px-8{padding-left:5rem !important;padding-right:5rem !important}.sm\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.sm\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.sm\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.sm\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.sm\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.sm\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.sm\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.sm\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.sm\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 768px){.md\:p-0{padding:0rem !important}.md\:p-1{padding:.25rem !important}.md\:p-2{padding:.5rem !important}.md\:p-3{padding:1rem !important}.md\:p-4{padding:1.5rem !important}.md\:p-5{padding:2rem !important}.md\:p-6{padding:3rem !important}.md\:p-7{padding:4rem !important}.md\:p-8{padding:5rem !important}.md\:pt-0{padding-top:0rem !important}.md\:pt-1{padding-top:.25rem !important}.md\:pt-2{padding-top:.5rem !important}.md\:pt-3{padding-top:1rem !important}.md\:pt-4{padding-top:1.5rem !important}.md\:pt-5{padding-top:2rem !important}.md\:pt-6{padding-top:3rem !important}.md\:pt-7{padding-top:4rem !important}.md\:pt-8{padding-top:5rem !important}.md\:pr-0{padding-right:0rem !important}.md\:pr-1{padding-right:.25rem !important}.md\:pr-2{padding-right:.5rem !important}.md\:pr-3{padding-right:1rem !important}.md\:pr-4{padding-right:1.5rem !important}.md\:pr-5{padding-right:2rem !important}.md\:pr-6{padding-right:3rem !important}.md\:pr-7{padding-right:4rem !important}.md\:pr-8{padding-right:5rem !important}.md\:pl-0{padding-left:0rem !important}.md\:pl-1{padding-left:.25rem !important}.md\:pl-2{padding-left:.5rem !important}.md\:pl-3{padding-left:1rem !important}.md\:pl-4{padding-left:1.5rem !important}.md\:pl-5{padding-left:2rem !important}.md\:pl-6{padding-left:3rem !important}.md\:pl-7{padding-left:4rem !important}.md\:pl-8{padding-left:5rem !important}.md\:pb-0{padding-bottom:0rem !important}.md\:pb-1{padding-bottom:.25rem !important}.md\:pb-2{padding-bottom:.5rem !important}.md\:pb-3{padding-bottom:1rem !important}.md\:pb-4{padding-bottom:1.5rem !important}.md\:pb-5{padding-bottom:2rem !important}.md\:pb-6{padding-bottom:3rem !important}.md\:pb-7{padding-bottom:4rem !important}.md\:pb-8{padding-bottom:5rem !important}.md\:px-0{padding-left:0rem !important;padding-right:0rem !important}.md\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.md\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.md\:px-3{padding-left:1rem !important;padding-right:1rem !important}.md\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.md\:px-5{padding-left:2rem !important;padding-right:2rem !important}.md\:px-6{padding-left:3rem !important;padding-right:3rem !important}.md\:px-7{padding-left:4rem !important;padding-right:4rem !important}.md\:px-8{padding-left:5rem !important;padding-right:5rem !important}.md\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.md\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.md\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.md\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.md\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.md\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.md\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.md\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.md\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 992px){.lg\:p-0{padding:0rem !important}.lg\:p-1{padding:.25rem !important}.lg\:p-2{padding:.5rem !important}.lg\:p-3{padding:1rem !important}.lg\:p-4{padding:1.5rem !important}.lg\:p-5{padding:2rem !important}.lg\:p-6{padding:3rem !important}.lg\:p-7{padding:4rem !important}.lg\:p-8{padding:5rem !important}.lg\:pt-0{padding-top:0rem !important}.lg\:pt-1{padding-top:.25rem !important}.lg\:pt-2{padding-top:.5rem !important}.lg\:pt-3{padding-top:1rem !important}.lg\:pt-4{padding-top:1.5rem !important}.lg\:pt-5{padding-top:2rem !important}.lg\:pt-6{padding-top:3rem !important}.lg\:pt-7{padding-top:4rem !important}.lg\:pt-8{padding-top:5rem !important}.lg\:pr-0{padding-right:0rem !important}.lg\:pr-1{padding-right:.25rem !important}.lg\:pr-2{padding-right:.5rem !important}.lg\:pr-3{padding-right:1rem !important}.lg\:pr-4{padding-right:1.5rem !important}.lg\:pr-5{padding-right:2rem !important}.lg\:pr-6{padding-right:3rem !important}.lg\:pr-7{padding-right:4rem !important}.lg\:pr-8{padding-right:5rem !important}.lg\:pl-0{padding-left:0rem !important}.lg\:pl-1{padding-left:.25rem !important}.lg\:pl-2{padding-left:.5rem !important}.lg\:pl-3{padding-left:1rem !important}.lg\:pl-4{padding-left:1.5rem !important}.lg\:pl-5{padding-left:2rem !important}.lg\:pl-6{padding-left:3rem !important}.lg\:pl-7{padding-left:4rem !important}.lg\:pl-8{padding-left:5rem !important}.lg\:pb-0{padding-bottom:0rem !important}.lg\:pb-1{padding-bottom:.25rem !important}.lg\:pb-2{padding-bottom:.5rem !important}.lg\:pb-3{padding-bottom:1rem !important}.lg\:pb-4{padding-bottom:1.5rem !important}.lg\:pb-5{padding-bottom:2rem !important}.lg\:pb-6{padding-bottom:3rem !important}.lg\:pb-7{padding-bottom:4rem !important}.lg\:pb-8{padding-bottom:5rem !important}.lg\:px-0{padding-left:0rem !important;padding-right:0rem !important}.lg\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.lg\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.lg\:px-3{padding-left:1rem !important;padding-right:1rem !important}.lg\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.lg\:px-5{padding-left:2rem !important;padding-right:2rem !important}.lg\:px-6{padding-left:3rem !important;padding-right:3rem !important}.lg\:px-7{padding-left:4rem !important;padding-right:4rem !important}.lg\:px-8{padding-left:5rem !important;padding-right:5rem !important}.lg\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.lg\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.lg\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.lg\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.lg\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.lg\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.lg\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.lg\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.lg\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 1200px){.xl\:p-0{padding:0rem !important}.xl\:p-1{padding:.25rem !important}.xl\:p-2{padding:.5rem !important}.xl\:p-3{padding:1rem !important}.xl\:p-4{padding:1.5rem !important}.xl\:p-5{padding:2rem !important}.xl\:p-6{padding:3rem !important}.xl\:p-7{padding:4rem !important}.xl\:p-8{padding:5rem !important}.xl\:pt-0{padding-top:0rem !important}.xl\:pt-1{padding-top:.25rem !important}.xl\:pt-2{padding-top:.5rem !important}.xl\:pt-3{padding-top:1rem !important}.xl\:pt-4{padding-top:1.5rem !important}.xl\:pt-5{padding-top:2rem !important}.xl\:pt-6{padding-top:3rem !important}.xl\:pt-7{padding-top:4rem !important}.xl\:pt-8{padding-top:5rem !important}.xl\:pr-0{padding-right:0rem !important}.xl\:pr-1{padding-right:.25rem !important}.xl\:pr-2{padding-right:.5rem !important}.xl\:pr-3{padding-right:1rem !important}.xl\:pr-4{padding-right:1.5rem !important}.xl\:pr-5{padding-right:2rem !important}.xl\:pr-6{padding-right:3rem !important}.xl\:pr-7{padding-right:4rem !important}.xl\:pr-8{padding-right:5rem !important}.xl\:pl-0{padding-left:0rem !important}.xl\:pl-1{padding-left:.25rem !important}.xl\:pl-2{padding-left:.5rem !important}.xl\:pl-3{padding-left:1rem !important}.xl\:pl-4{padding-left:1.5rem !important}.xl\:pl-5{padding-left:2rem !important}.xl\:pl-6{padding-left:3rem !important}.xl\:pl-7{padding-left:4rem !important}.xl\:pl-8{padding-left:5rem !important}.xl\:pb-0{padding-bottom:0rem !important}.xl\:pb-1{padding-bottom:.25rem !important}.xl\:pb-2{padding-bottom:.5rem !important}.xl\:pb-3{padding-bottom:1rem !important}.xl\:pb-4{padding-bottom:1.5rem !important}.xl\:pb-5{padding-bottom:2rem !important}.xl\:pb-6{padding-bottom:3rem !important}.xl\:pb-7{padding-bottom:4rem !important}.xl\:pb-8{padding-bottom:5rem !important}.xl\:px-0{padding-left:0rem !important;padding-right:0rem !important}.xl\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.xl\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.xl\:px-3{padding-left:1rem !important;padding-right:1rem !important}.xl\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.xl\:px-5{padding-left:2rem !important;padding-right:2rem !important}.xl\:px-6{padding-left:3rem !important;padding-right:3rem !important}.xl\:px-7{padding-left:4rem !important;padding-right:4rem !important}.xl\:px-8{padding-left:5rem !important;padding-right:5rem !important}.xl\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.xl\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.xl\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.xl\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.xl\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.xl\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.xl\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.xl\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.xl\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}.m-0{margin:0rem !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:2rem !important}.m-6{margin:3rem !important}.m-7{margin:4rem !important}.m-8{margin:5rem !important}.-m-1{margin:-0.25rem !important}.-m-2{margin:-0.5rem !important}.-m-3{margin:-1rem !important}.-m-4{margin:-1.5rem !important}.-m-5{margin:-2rem !important}.-m-6{margin:-3rem !important}.-m-7{margin:-4rem !important}.-m-8{margin:-5rem !important}.m-auto{margin:auto !important}.mt-0{margin-top:0rem !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:2rem !important}.mt-6{margin-top:3rem !important}.mt-7{margin-top:4rem !important}.mt-8{margin-top:5rem !important}.-mt-1{margin-top:-0.25rem !important}.-mt-2{margin-top:-0.5rem !important}.-mt-3{margin-top:-1rem !important}.-mt-4{margin-top:-1.5rem !important}.-mt-5{margin-top:-2rem !important}.-mt-6{margin-top:-3rem !important}.-mt-7{margin-top:-4rem !important}.-mt-8{margin-top:-5rem !important}.mt-auto{margin-top:auto !important}.mr-0{margin-right:0rem !important}.mr-1{margin-right:.25rem !important}.mr-2{margin-right:.5rem !important}.mr-3{margin-right:1rem !important}.mr-4{margin-right:1.5rem !important}.mr-5{margin-right:2rem !important}.mr-6{margin-right:3rem !important}.mr-7{margin-right:4rem !important}.mr-8{margin-right:5rem !important}.-mr-1{margin-right:-0.25rem !important}.-mr-2{margin-right:-0.5rem !important}.-mr-3{margin-right:-1rem !important}.-mr-4{margin-right:-1.5rem !important}.-mr-5{margin-right:-2rem !important}.-mr-6{margin-right:-3rem !important}.-mr-7{margin-right:-4rem !important}.-mr-8{margin-right:-5rem !important}.mr-auto{margin-right:auto !important}.ml-0{margin-left:0rem !important}.ml-1{margin-left:.25rem !important}.ml-2{margin-left:.5rem !important}.ml-3{margin-left:1rem !important}.ml-4{margin-left:1.5rem !important}.ml-5{margin-left:2rem !important}.ml-6{margin-left:3rem !important}.ml-7{margin-left:4rem !important}.ml-8{margin-left:5rem !important}.-ml-1{margin-left:-0.25rem !important}.-ml-2{margin-left:-0.5rem !important}.-ml-3{margin-left:-1rem !important}.-ml-4{margin-left:-1.5rem !important}.-ml-5{margin-left:-2rem !important}.-ml-6{margin-left:-3rem !important}.-ml-7{margin-left:-4rem !important}.-ml-8{margin-left:-5rem !important}.ml-auto{margin-left:auto !important}.mb-0{margin-bottom:0rem !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:2rem !important}.mb-6{margin-bottom:3rem !important}.mb-7{margin-bottom:4rem !important}.mb-8{margin-bottom:5rem !important}.-mb-1{margin-bottom:-0.25rem !important}.-mb-2{margin-bottom:-0.5rem !important}.-mb-3{margin-bottom:-1rem !important}.-mb-4{margin-bottom:-1.5rem !important}.-mb-5{margin-bottom:-2rem !important}.-mb-6{margin-bottom:-3rem !important}.-mb-7{margin-bottom:-4rem !important}.-mb-8{margin-bottom:-5rem !important}.mb-auto{margin-bottom:auto !important}.mx-0{margin-left:0rem !important;margin-right:0rem !important}.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.mx-3{margin-left:1rem !important;margin-right:1rem !important}.mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.mx-5{margin-left:2rem !important;margin-right:2rem !important}.mx-6{margin-left:3rem !important;margin-right:3rem !important}.mx-7{margin-left:4rem !important;margin-right:4rem !important}.mx-8{margin-left:5rem !important;margin-right:5rem !important}.-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.my-0{margin-top:0rem !important;margin-bottom:0rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:2rem !important;margin-bottom:2rem !important}.my-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-7{margin-top:4rem !important;margin-bottom:4rem !important}.my-8{margin-top:5rem !important;margin-bottom:5rem !important}.-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}@media screen and (min-width: 576px){.sm\:m-0{margin:0rem !important}.sm\:m-1{margin:.25rem !important}.sm\:m-2{margin:.5rem !important}.sm\:m-3{margin:1rem !important}.sm\:m-4{margin:1.5rem !important}.sm\:m-5{margin:2rem !important}.sm\:m-6{margin:3rem !important}.sm\:m-7{margin:4rem !important}.sm\:m-8{margin:5rem !important}.sm\:-m-1{margin:-0.25rem !important}.sm\:-m-2{margin:-0.5rem !important}.sm\:-m-3{margin:-1rem !important}.sm\:-m-4{margin:-1.5rem !important}.sm\:-m-5{margin:-2rem !important}.sm\:-m-6{margin:-3rem !important}.sm\:-m-7{margin:-4rem !important}.sm\:-m-8{margin:-5rem !important}.sm\:m-auto{margin:auto !important}.sm\:mt-0{margin-top:0rem !important}.sm\:mt-1{margin-top:.25rem !important}.sm\:mt-2{margin-top:.5rem !important}.sm\:mt-3{margin-top:1rem !important}.sm\:mt-4{margin-top:1.5rem !important}.sm\:mt-5{margin-top:2rem !important}.sm\:mt-6{margin-top:3rem !important}.sm\:mt-7{margin-top:4rem !important}.sm\:mt-8{margin-top:5rem !important}.sm\:-mt-1{margin-top:-0.25rem !important}.sm\:-mt-2{margin-top:-0.5rem !important}.sm\:-mt-3{margin-top:-1rem !important}.sm\:-mt-4{margin-top:-1.5rem !important}.sm\:-mt-5{margin-top:-2rem !important}.sm\:-mt-6{margin-top:-3rem !important}.sm\:-mt-7{margin-top:-4rem !important}.sm\:-mt-8{margin-top:-5rem !important}.sm\:mt-auto{margin-top:auto !important}.sm\:mr-0{margin-right:0rem !important}.sm\:mr-1{margin-right:.25rem !important}.sm\:mr-2{margin-right:.5rem !important}.sm\:mr-3{margin-right:1rem !important}.sm\:mr-4{margin-right:1.5rem !important}.sm\:mr-5{margin-right:2rem !important}.sm\:mr-6{margin-right:3rem !important}.sm\:mr-7{margin-right:4rem !important}.sm\:mr-8{margin-right:5rem !important}.sm\:-mr-1{margin-right:-0.25rem !important}.sm\:-mr-2{margin-right:-0.5rem !important}.sm\:-mr-3{margin-right:-1rem !important}.sm\:-mr-4{margin-right:-1.5rem !important}.sm\:-mr-5{margin-right:-2rem !important}.sm\:-mr-6{margin-right:-3rem !important}.sm\:-mr-7{margin-right:-4rem !important}.sm\:-mr-8{margin-right:-5rem !important}.sm\:mr-auto{margin-right:auto !important}.sm\:ml-0{margin-left:0rem !important}.sm\:ml-1{margin-left:.25rem !important}.sm\:ml-2{margin-left:.5rem !important}.sm\:ml-3{margin-left:1rem !important}.sm\:ml-4{margin-left:1.5rem !important}.sm\:ml-5{margin-left:2rem !important}.sm\:ml-6{margin-left:3rem !important}.sm\:ml-7{margin-left:4rem !important}.sm\:ml-8{margin-left:5rem !important}.sm\:-ml-1{margin-left:-0.25rem !important}.sm\:-ml-2{margin-left:-0.5rem !important}.sm\:-ml-3{margin-left:-1rem !important}.sm\:-ml-4{margin-left:-1.5rem !important}.sm\:-ml-5{margin-left:-2rem !important}.sm\:-ml-6{margin-left:-3rem !important}.sm\:-ml-7{margin-left:-4rem !important}.sm\:-ml-8{margin-left:-5rem !important}.sm\:ml-auto{margin-left:auto !important}.sm\:mb-0{margin-bottom:0rem !important}.sm\:mb-1{margin-bottom:.25rem !important}.sm\:mb-2{margin-bottom:.5rem !important}.sm\:mb-3{margin-bottom:1rem !important}.sm\:mb-4{margin-bottom:1.5rem !important}.sm\:mb-5{margin-bottom:2rem !important}.sm\:mb-6{margin-bottom:3rem !important}.sm\:mb-7{margin-bottom:4rem !important}.sm\:mb-8{margin-bottom:5rem !important}.sm\:-mb-1{margin-bottom:-0.25rem !important}.sm\:-mb-2{margin-bottom:-0.5rem !important}.sm\:-mb-3{margin-bottom:-1rem !important}.sm\:-mb-4{margin-bottom:-1.5rem !important}.sm\:-mb-5{margin-bottom:-2rem !important}.sm\:-mb-6{margin-bottom:-3rem !important}.sm\:-mb-7{margin-bottom:-4rem !important}.sm\:-mb-8{margin-bottom:-5rem !important}.sm\:mb-auto{margin-bottom:auto !important}.sm\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.sm\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.sm\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.sm\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.sm\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.sm\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.sm\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.sm\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.sm\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.sm\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.sm\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.sm\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.sm\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.sm\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.sm\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.sm\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.sm\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.sm\:mx-auto{margin-left:auto !important;margin-right:auto !important}.sm\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.sm\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.sm\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.sm\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.sm\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.sm\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.sm\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.sm\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.sm\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.sm\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.sm\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.sm\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.sm\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.sm\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.sm\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.sm\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.sm\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.sm\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 768px){.md\:m-0{margin:0rem !important}.md\:m-1{margin:.25rem !important}.md\:m-2{margin:.5rem !important}.md\:m-3{margin:1rem !important}.md\:m-4{margin:1.5rem !important}.md\:m-5{margin:2rem !important}.md\:m-6{margin:3rem !important}.md\:m-7{margin:4rem !important}.md\:m-8{margin:5rem !important}.md\:-m-1{margin:-0.25rem !important}.md\:-m-2{margin:-0.5rem !important}.md\:-m-3{margin:-1rem !important}.md\:-m-4{margin:-1.5rem !important}.md\:-m-5{margin:-2rem !important}.md\:-m-6{margin:-3rem !important}.md\:-m-7{margin:-4rem !important}.md\:-m-8{margin:-5rem !important}.md\:m-auto{margin:auto !important}.md\:mt-0{margin-top:0rem !important}.md\:mt-1{margin-top:.25rem !important}.md\:mt-2{margin-top:.5rem !important}.md\:mt-3{margin-top:1rem !important}.md\:mt-4{margin-top:1.5rem !important}.md\:mt-5{margin-top:2rem !important}.md\:mt-6{margin-top:3rem !important}.md\:mt-7{margin-top:4rem !important}.md\:mt-8{margin-top:5rem !important}.md\:-mt-1{margin-top:-0.25rem !important}.md\:-mt-2{margin-top:-0.5rem !important}.md\:-mt-3{margin-top:-1rem !important}.md\:-mt-4{margin-top:-1.5rem !important}.md\:-mt-5{margin-top:-2rem !important}.md\:-mt-6{margin-top:-3rem !important}.md\:-mt-7{margin-top:-4rem !important}.md\:-mt-8{margin-top:-5rem !important}.md\:mt-auto{margin-top:auto !important}.md\:mr-0{margin-right:0rem !important}.md\:mr-1{margin-right:.25rem !important}.md\:mr-2{margin-right:.5rem !important}.md\:mr-3{margin-right:1rem !important}.md\:mr-4{margin-right:1.5rem !important}.md\:mr-5{margin-right:2rem !important}.md\:mr-6{margin-right:3rem !important}.md\:mr-7{margin-right:4rem !important}.md\:mr-8{margin-right:5rem !important}.md\:-mr-1{margin-right:-0.25rem !important}.md\:-mr-2{margin-right:-0.5rem !important}.md\:-mr-3{margin-right:-1rem !important}.md\:-mr-4{margin-right:-1.5rem !important}.md\:-mr-5{margin-right:-2rem !important}.md\:-mr-6{margin-right:-3rem !important}.md\:-mr-7{margin-right:-4rem !important}.md\:-mr-8{margin-right:-5rem !important}.md\:mr-auto{margin-right:auto !important}.md\:ml-0{margin-left:0rem !important}.md\:ml-1{margin-left:.25rem !important}.md\:ml-2{margin-left:.5rem !important}.md\:ml-3{margin-left:1rem !important}.md\:ml-4{margin-left:1.5rem !important}.md\:ml-5{margin-left:2rem !important}.md\:ml-6{margin-left:3rem !important}.md\:ml-7{margin-left:4rem !important}.md\:ml-8{margin-left:5rem !important}.md\:-ml-1{margin-left:-0.25rem !important}.md\:-ml-2{margin-left:-0.5rem !important}.md\:-ml-3{margin-left:-1rem !important}.md\:-ml-4{margin-left:-1.5rem !important}.md\:-ml-5{margin-left:-2rem !important}.md\:-ml-6{margin-left:-3rem !important}.md\:-ml-7{margin-left:-4rem !important}.md\:-ml-8{margin-left:-5rem !important}.md\:ml-auto{margin-left:auto !important}.md\:mb-0{margin-bottom:0rem !important}.md\:mb-1{margin-bottom:.25rem !important}.md\:mb-2{margin-bottom:.5rem !important}.md\:mb-3{margin-bottom:1rem !important}.md\:mb-4{margin-bottom:1.5rem !important}.md\:mb-5{margin-bottom:2rem !important}.md\:mb-6{margin-bottom:3rem !important}.md\:mb-7{margin-bottom:4rem !important}.md\:mb-8{margin-bottom:5rem !important}.md\:-mb-1{margin-bottom:-0.25rem !important}.md\:-mb-2{margin-bottom:-0.5rem !important}.md\:-mb-3{margin-bottom:-1rem !important}.md\:-mb-4{margin-bottom:-1.5rem !important}.md\:-mb-5{margin-bottom:-2rem !important}.md\:-mb-6{margin-bottom:-3rem !important}.md\:-mb-7{margin-bottom:-4rem !important}.md\:-mb-8{margin-bottom:-5rem !important}.md\:mb-auto{margin-bottom:auto !important}.md\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.md\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.md\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.md\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.md\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.md\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.md\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.md\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.md\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.md\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.md\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.md\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.md\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.md\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.md\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.md\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.md\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.md\:mx-auto{margin-left:auto !important;margin-right:auto !important}.md\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.md\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.md\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.md\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.md\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.md\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.md\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.md\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.md\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.md\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.md\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.md\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.md\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.md\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.md\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.md\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.md\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.md\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 992px){.lg\:m-0{margin:0rem !important}.lg\:m-1{margin:.25rem !important}.lg\:m-2{margin:.5rem !important}.lg\:m-3{margin:1rem !important}.lg\:m-4{margin:1.5rem !important}.lg\:m-5{margin:2rem !important}.lg\:m-6{margin:3rem !important}.lg\:m-7{margin:4rem !important}.lg\:m-8{margin:5rem !important}.lg\:-m-1{margin:-0.25rem !important}.lg\:-m-2{margin:-0.5rem !important}.lg\:-m-3{margin:-1rem !important}.lg\:-m-4{margin:-1.5rem !important}.lg\:-m-5{margin:-2rem !important}.lg\:-m-6{margin:-3rem !important}.lg\:-m-7{margin:-4rem !important}.lg\:-m-8{margin:-5rem !important}.lg\:m-auto{margin:auto !important}.lg\:mt-0{margin-top:0rem !important}.lg\:mt-1{margin-top:.25rem !important}.lg\:mt-2{margin-top:.5rem !important}.lg\:mt-3{margin-top:1rem !important}.lg\:mt-4{margin-top:1.5rem !important}.lg\:mt-5{margin-top:2rem !important}.lg\:mt-6{margin-top:3rem !important}.lg\:mt-7{margin-top:4rem !important}.lg\:mt-8{margin-top:5rem !important}.lg\:-mt-1{margin-top:-0.25rem !important}.lg\:-mt-2{margin-top:-0.5rem !important}.lg\:-mt-3{margin-top:-1rem !important}.lg\:-mt-4{margin-top:-1.5rem !important}.lg\:-mt-5{margin-top:-2rem !important}.lg\:-mt-6{margin-top:-3rem !important}.lg\:-mt-7{margin-top:-4rem !important}.lg\:-mt-8{margin-top:-5rem !important}.lg\:mt-auto{margin-top:auto !important}.lg\:mr-0{margin-right:0rem !important}.lg\:mr-1{margin-right:.25rem !important}.lg\:mr-2{margin-right:.5rem !important}.lg\:mr-3{margin-right:1rem !important}.lg\:mr-4{margin-right:1.5rem !important}.lg\:mr-5{margin-right:2rem !important}.lg\:mr-6{margin-right:3rem !important}.lg\:mr-7{margin-right:4rem !important}.lg\:mr-8{margin-right:5rem !important}.lg\:-mr-1{margin-right:-0.25rem !important}.lg\:-mr-2{margin-right:-0.5rem !important}.lg\:-mr-3{margin-right:-1rem !important}.lg\:-mr-4{margin-right:-1.5rem !important}.lg\:-mr-5{margin-right:-2rem !important}.lg\:-mr-6{margin-right:-3rem !important}.lg\:-mr-7{margin-right:-4rem !important}.lg\:-mr-8{margin-right:-5rem !important}.lg\:mr-auto{margin-right:auto !important}.lg\:ml-0{margin-left:0rem !important}.lg\:ml-1{margin-left:.25rem !important}.lg\:ml-2{margin-left:.5rem !important}.lg\:ml-3{margin-left:1rem !important}.lg\:ml-4{margin-left:1.5rem !important}.lg\:ml-5{margin-left:2rem !important}.lg\:ml-6{margin-left:3rem !important}.lg\:ml-7{margin-left:4rem !important}.lg\:ml-8{margin-left:5rem !important}.lg\:-ml-1{margin-left:-0.25rem !important}.lg\:-ml-2{margin-left:-0.5rem !important}.lg\:-ml-3{margin-left:-1rem !important}.lg\:-ml-4{margin-left:-1.5rem !important}.lg\:-ml-5{margin-left:-2rem !important}.lg\:-ml-6{margin-left:-3rem !important}.lg\:-ml-7{margin-left:-4rem !important}.lg\:-ml-8{margin-left:-5rem !important}.lg\:ml-auto{margin-left:auto !important}.lg\:mb-0{margin-bottom:0rem !important}.lg\:mb-1{margin-bottom:.25rem !important}.lg\:mb-2{margin-bottom:.5rem !important}.lg\:mb-3{margin-bottom:1rem !important}.lg\:mb-4{margin-bottom:1.5rem !important}.lg\:mb-5{margin-bottom:2rem !important}.lg\:mb-6{margin-bottom:3rem !important}.lg\:mb-7{margin-bottom:4rem !important}.lg\:mb-8{margin-bottom:5rem !important}.lg\:-mb-1{margin-bottom:-0.25rem !important}.lg\:-mb-2{margin-bottom:-0.5rem !important}.lg\:-mb-3{margin-bottom:-1rem !important}.lg\:-mb-4{margin-bottom:-1.5rem !important}.lg\:-mb-5{margin-bottom:-2rem !important}.lg\:-mb-6{margin-bottom:-3rem !important}.lg\:-mb-7{margin-bottom:-4rem !important}.lg\:-mb-8{margin-bottom:-5rem !important}.lg\:mb-auto{margin-bottom:auto !important}.lg\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.lg\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.lg\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.lg\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.lg\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.lg\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.lg\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.lg\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.lg\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.lg\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.lg\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.lg\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.lg\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.lg\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.lg\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.lg\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.lg\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.lg\:mx-auto{margin-left:auto !important;margin-right:auto !important}.lg\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.lg\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.lg\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.lg\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.lg\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.lg\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.lg\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.lg\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.lg\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.lg\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.lg\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.lg\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.lg\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.lg\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.lg\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.lg\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.lg\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.lg\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 1200px){.xl\:m-0{margin:0rem !important}.xl\:m-1{margin:.25rem !important}.xl\:m-2{margin:.5rem !important}.xl\:m-3{margin:1rem !important}.xl\:m-4{margin:1.5rem !important}.xl\:m-5{margin:2rem !important}.xl\:m-6{margin:3rem !important}.xl\:m-7{margin:4rem !important}.xl\:m-8{margin:5rem !important}.xl\:-m-1{margin:-0.25rem !important}.xl\:-m-2{margin:-0.5rem !important}.xl\:-m-3{margin:-1rem !important}.xl\:-m-4{margin:-1.5rem !important}.xl\:-m-5{margin:-2rem !important}.xl\:-m-6{margin:-3rem !important}.xl\:-m-7{margin:-4rem !important}.xl\:-m-8{margin:-5rem !important}.xl\:m-auto{margin:auto !important}.xl\:mt-0{margin-top:0rem !important}.xl\:mt-1{margin-top:.25rem !important}.xl\:mt-2{margin-top:.5rem !important}.xl\:mt-3{margin-top:1rem !important}.xl\:mt-4{margin-top:1.5rem !important}.xl\:mt-5{margin-top:2rem !important}.xl\:mt-6{margin-top:3rem !important}.xl\:mt-7{margin-top:4rem !important}.xl\:mt-8{margin-top:5rem !important}.xl\:-mt-1{margin-top:-0.25rem !important}.xl\:-mt-2{margin-top:-0.5rem !important}.xl\:-mt-3{margin-top:-1rem !important}.xl\:-mt-4{margin-top:-1.5rem !important}.xl\:-mt-5{margin-top:-2rem !important}.xl\:-mt-6{margin-top:-3rem !important}.xl\:-mt-7{margin-top:-4rem !important}.xl\:-mt-8{margin-top:-5rem !important}.xl\:mt-auto{margin-top:auto !important}.xl\:mr-0{margin-right:0rem !important}.xl\:mr-1{margin-right:.25rem !important}.xl\:mr-2{margin-right:.5rem !important}.xl\:mr-3{margin-right:1rem !important}.xl\:mr-4{margin-right:1.5rem !important}.xl\:mr-5{margin-right:2rem !important}.xl\:mr-6{margin-right:3rem !important}.xl\:mr-7{margin-right:4rem !important}.xl\:mr-8{margin-right:5rem !important}.xl\:-mr-1{margin-right:-0.25rem !important}.xl\:-mr-2{margin-right:-0.5rem !important}.xl\:-mr-3{margin-right:-1rem !important}.xl\:-mr-4{margin-right:-1.5rem !important}.xl\:-mr-5{margin-right:-2rem !important}.xl\:-mr-6{margin-right:-3rem !important}.xl\:-mr-7{margin-right:-4rem !important}.xl\:-mr-8{margin-right:-5rem !important}.xl\:mr-auto{margin-right:auto !important}.xl\:ml-0{margin-left:0rem !important}.xl\:ml-1{margin-left:.25rem !important}.xl\:ml-2{margin-left:.5rem !important}.xl\:ml-3{margin-left:1rem !important}.xl\:ml-4{margin-left:1.5rem !important}.xl\:ml-5{margin-left:2rem !important}.xl\:ml-6{margin-left:3rem !important}.xl\:ml-7{margin-left:4rem !important}.xl\:ml-8{margin-left:5rem !important}.xl\:-ml-1{margin-left:-0.25rem !important}.xl\:-ml-2{margin-left:-0.5rem !important}.xl\:-ml-3{margin-left:-1rem !important}.xl\:-ml-4{margin-left:-1.5rem !important}.xl\:-ml-5{margin-left:-2rem !important}.xl\:-ml-6{margin-left:-3rem !important}.xl\:-ml-7{margin-left:-4rem !important}.xl\:-ml-8{margin-left:-5rem !important}.xl\:ml-auto{margin-left:auto !important}.xl\:mb-0{margin-bottom:0rem !important}.xl\:mb-1{margin-bottom:.25rem !important}.xl\:mb-2{margin-bottom:.5rem !important}.xl\:mb-3{margin-bottom:1rem !important}.xl\:mb-4{margin-bottom:1.5rem !important}.xl\:mb-5{margin-bottom:2rem !important}.xl\:mb-6{margin-bottom:3rem !important}.xl\:mb-7{margin-bottom:4rem !important}.xl\:mb-8{margin-bottom:5rem !important}.xl\:-mb-1{margin-bottom:-0.25rem !important}.xl\:-mb-2{margin-bottom:-0.5rem !important}.xl\:-mb-3{margin-bottom:-1rem !important}.xl\:-mb-4{margin-bottom:-1.5rem !important}.xl\:-mb-5{margin-bottom:-2rem !important}.xl\:-mb-6{margin-bottom:-3rem !important}.xl\:-mb-7{margin-bottom:-4rem !important}.xl\:-mb-8{margin-bottom:-5rem !important}.xl\:mb-auto{margin-bottom:auto !important}.xl\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.xl\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.xl\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.xl\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.xl\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.xl\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.xl\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.xl\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.xl\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.xl\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.xl\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.xl\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.xl\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.xl\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.xl\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.xl\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.xl\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.xl\:mx-auto{margin-left:auto !important;margin-right:auto !important}.xl\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.xl\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.xl\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.xl\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.xl\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.xl\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.xl\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.xl\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.xl\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.xl\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.xl\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.xl\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.xl\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.xl\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.xl\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.xl\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.xl\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.xl\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}.shadow-none{box-shadow:none !important}.shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-none:focus{box-shadow:none !important}.hover\:shadow-none:hover{box-shadow:none !important}.active\:shadow-none:active{box-shadow:none !important}.focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}@media screen and (min-width: 576px){.sm\:shadow-none{box-shadow:none !important}.sm\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-none:focus{box-shadow:none !important}.sm\:hover\:shadow-none:hover{box-shadow:none !important}.sm\:active\:shadow-none:active{box-shadow:none !important}.sm\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 768px){.md\:shadow-none{box-shadow:none !important}.md\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-none:focus{box-shadow:none !important}.md\:hover\:shadow-none:hover{box-shadow:none !important}.md\:active\:shadow-none:active{box-shadow:none !important}.md\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 992px){.lg\:shadow-none{box-shadow:none !important}.lg\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-none:focus{box-shadow:none !important}.lg\:hover\:shadow-none:hover{box-shadow:none !important}.lg\:active\:shadow-none:active{box-shadow:none !important}.lg\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 1200px){.xl\:shadow-none{box-shadow:none !important}.xl\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-none:focus{box-shadow:none !important}.xl\:hover\:shadow-none:hover{box-shadow:none !important}.xl\:active\:shadow-none:active{box-shadow:none !important}.xl\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}.border-none{border-width:0px !important;border-style:none}.border-1{border-width:1px !important;border-style:solid}.border-2{border-width:2px !important;border-style:solid}.border-3{border-width:3px !important;border-style:solid}.border-top-none{border-top-width:0px !important;border-top-style:none}.border-top-1{border-top-width:1px !important;border-top-style:solid}.border-top-2{border-top-width:2px !important;border-top-style:solid}.border-top-3{border-top-width:3px !important;border-top-style:solid}.border-right-none{border-right-width:0px !important;border-right-style:none}.border-right-1{border-right-width:1px !important;border-right-style:solid}.border-right-2{border-right-width:2px !important;border-right-style:solid}.border-right-3{border-right-width:3px !important;border-right-style:solid}.border-left-none{border-left-width:0px !important;border-left-style:none}.border-left-1{border-left-width:1px !important;border-left-style:solid}.border-left-2{border-left-width:2px !important;border-left-style:solid}.border-left-3{border-left-width:3px !important;border-left-style:solid}.border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}@media screen and (min-width: 576px){.sm\:border-none{border-width:0px !important;border-style:none}.sm\:border-1{border-width:1px !important;border-style:solid}.sm\:border-2{border-width:2px !important;border-style:solid}.sm\:border-3{border-width:3px !important;border-style:solid}.sm\:border-top-none{border-top-width:0px !important;border-top-style:none}.sm\:border-top-1{border-top-width:1px !important;border-top-style:solid}.sm\:border-top-2{border-top-width:2px !important;border-top-style:solid}.sm\:border-top-3{border-top-width:3px !important;border-top-style:solid}.sm\:border-right-none{border-right-width:0px !important;border-right-style:none}.sm\:border-right-1{border-right-width:1px !important;border-right-style:solid}.sm\:border-right-2{border-right-width:2px !important;border-right-style:solid}.sm\:border-right-3{border-right-width:3px !important;border-right-style:solid}.sm\:border-left-none{border-left-width:0px !important;border-left-style:none}.sm\:border-left-1{border-left-width:1px !important;border-left-style:solid}.sm\:border-left-2{border-left-width:2px !important;border-left-style:solid}.sm\:border-left-3{border-left-width:3px !important;border-left-style:solid}.sm\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.sm\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.sm\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.sm\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.sm\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.sm\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 768px){.md\:border-none{border-width:0px !important;border-style:none}.md\:border-1{border-width:1px !important;border-style:solid}.md\:border-2{border-width:2px !important;border-style:solid}.md\:border-3{border-width:3px !important;border-style:solid}.md\:border-top-none{border-top-width:0px !important;border-top-style:none}.md\:border-top-1{border-top-width:1px !important;border-top-style:solid}.md\:border-top-2{border-top-width:2px !important;border-top-style:solid}.md\:border-top-3{border-top-width:3px !important;border-top-style:solid}.md\:border-right-none{border-right-width:0px !important;border-right-style:none}.md\:border-right-1{border-right-width:1px !important;border-right-style:solid}.md\:border-right-2{border-right-width:2px !important;border-right-style:solid}.md\:border-right-3{border-right-width:3px !important;border-right-style:solid}.md\:border-left-none{border-left-width:0px !important;border-left-style:none}.md\:border-left-1{border-left-width:1px !important;border-left-style:solid}.md\:border-left-2{border-left-width:2px !important;border-left-style:solid}.md\:border-left-3{border-left-width:3px !important;border-left-style:solid}.md\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.md\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.md\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.md\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.md\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.md\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.md\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.md\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 992px){.lg\:border-none{border-width:0px !important;border-style:none}.lg\:border-1{border-width:1px !important;border-style:solid}.lg\:border-2{border-width:2px !important;border-style:solid}.lg\:border-3{border-width:3px !important;border-style:solid}.lg\:border-top-none{border-top-width:0px !important;border-top-style:none}.lg\:border-top-1{border-top-width:1px !important;border-top-style:solid}.lg\:border-top-2{border-top-width:2px !important;border-top-style:solid}.lg\:border-top-3{border-top-width:3px !important;border-top-style:solid}.lg\:border-right-none{border-right-width:0px !important;border-right-style:none}.lg\:border-right-1{border-right-width:1px !important;border-right-style:solid}.lg\:border-right-2{border-right-width:2px !important;border-right-style:solid}.lg\:border-right-3{border-right-width:3px !important;border-right-style:solid}.lg\:border-left-none{border-left-width:0px !important;border-left-style:none}.lg\:border-left-1{border-left-width:1px !important;border-left-style:solid}.lg\:border-left-2{border-left-width:2px !important;border-left-style:solid}.lg\:border-left-3{border-left-width:3px !important;border-left-style:solid}.lg\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.lg\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.lg\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.lg\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.lg\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.lg\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 1200px){.xl\:border-none{border-width:0px !important;border-style:none}.xl\:border-1{border-width:1px !important;border-style:solid}.xl\:border-2{border-width:2px !important;border-style:solid}.xl\:border-3{border-width:3px !important;border-style:solid}.xl\:border-top-none{border-top-width:0px !important;border-top-style:none}.xl\:border-top-1{border-top-width:1px !important;border-top-style:solid}.xl\:border-top-2{border-top-width:2px !important;border-top-style:solid}.xl\:border-top-3{border-top-width:3px !important;border-top-style:solid}.xl\:border-right-none{border-right-width:0px !important;border-right-style:none}.xl\:border-right-1{border-right-width:1px !important;border-right-style:solid}.xl\:border-right-2{border-right-width:2px !important;border-right-style:solid}.xl\:border-right-3{border-right-width:3px !important;border-right-style:solid}.xl\:border-left-none{border-left-width:0px !important;border-left-style:none}.xl\:border-left-1{border-left-width:1px !important;border-left-style:solid}.xl\:border-left-2{border-left-width:2px !important;border-left-style:solid}.xl\:border-left-3{border-left-width:3px !important;border-left-style:solid}.xl\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.xl\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.xl\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.xl\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.xl\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.xl\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}.border-solid{border-style:solid !important}.border-dashed{border-style:dashed !important}.border-dotted{border-style:dotted !important}.border-double{border-style:double !important}@media screen and (min-width: 576px){.sm\:border-solid{border-style:solid !important}.sm\:border-dashed{border-style:dashed !important}.sm\:border-dotted{border-style:dotted !important}.sm\:border-double{border-style:double !important}}@media screen and (min-width: 768px){.md\:border-solid{border-style:solid !important}.md\:border-dashed{border-style:dashed !important}.md\:border-dotted{border-style:dotted !important}.md\:border-double{border-style:double !important}}@media screen and (min-width: 992px){.lg\:border-solid{border-style:solid !important}.lg\:border-dashed{border-style:dashed !important}.lg\:border-dotted{border-style:dotted !important}.lg\:border-double{border-style:double !important}}@media screen and (min-width: 1200px){.xl\:border-solid{border-style:solid !important}.xl\:border-dashed{border-style:dashed !important}.xl\:border-dotted{border-style:dotted !important}.xl\:border-double{border-style:double !important}}.border-noround{border-radius:0 !important}.border-round{border-radius:var(--border-radius) !important}.border-round-xs{border-radius:0.125rem !important}.border-round-sm{border-radius:0.25rem !important}.border-round-md{border-radius:0.375rem !important}.border-round-lg{border-radius:0.5rem !important}.border-round-xl{border-radius:0.75rem !important}.border-round-2xl{border-radius:1rem !important}.border-round-3xl{border-radius:1.5rem !important}.border-circle{border-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround{border-radius:0 !important}.sm\:border-round{border-radius:var(--border-radius) !important}.sm\:border-round-xs{border-radius:0.125rem !important}.sm\:border-round-sm{border-radius:0.25rem !important}.sm\:border-round-md{border-radius:0.375rem !important}.sm\:border-round-lg{border-radius:0.5rem !important}.sm\:border-round-xl{border-radius:0.75rem !important}.sm\:border-round-2xl{border-radius:1rem !important}.sm\:border-round-3xl{border-radius:1.5rem !important}.sm\:border-circle{border-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround{border-radius:0 !important}.md\:border-round{border-radius:var(--border-radius) !important}.md\:border-round-xs{border-radius:0.125rem !important}.md\:border-round-sm{border-radius:0.25rem !important}.md\:border-round-md{border-radius:0.375rem !important}.md\:border-round-lg{border-radius:0.5rem !important}.md\:border-round-xl{border-radius:0.75rem !important}.md\:border-round-2xl{border-radius:1rem !important}.md\:border-round-3xl{border-radius:1.5rem !important}.md\:border-circle{border-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround{border-radius:0 !important}.lg\:border-round{border-radius:var(--border-radius) !important}.lg\:border-round-xs{border-radius:0.125rem !important}.lg\:border-round-sm{border-radius:0.25rem !important}.lg\:border-round-md{border-radius:0.375rem !important}.lg\:border-round-lg{border-radius:0.5rem !important}.lg\:border-round-xl{border-radius:0.75rem !important}.lg\:border-round-2xl{border-radius:1rem !important}.lg\:border-round-3xl{border-radius:1.5rem !important}.lg\:border-circle{border-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround{border-radius:0 !important}.xl\:border-round{border-radius:var(--border-radius) !important}.xl\:border-round-xs{border-radius:0.125rem !important}.xl\:border-round-sm{border-radius:0.25rem !important}.xl\:border-round-md{border-radius:0.375rem !important}.xl\:border-round-lg{border-radius:0.5rem !important}.xl\:border-round-xl{border-radius:0.75rem !important}.xl\:border-round-2xl{border-radius:1rem !important}.xl\:border-round-3xl{border-radius:1.5rem !important}.xl\:border-circle{border-radius:50% !important}}.border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.sm\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.sm\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.sm\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.sm\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.sm\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.sm\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.sm\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.sm\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.sm\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.sm\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.sm\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.sm\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.sm\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.sm\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.sm\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.sm\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.sm\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.sm\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.sm\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.sm\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.sm\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.md\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.md\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.md\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.md\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.md\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.md\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.md\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.md\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.md\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.md\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.md\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.md\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.md\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.md\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.md\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.md\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.md\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.md\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.md\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.md\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.md\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.lg\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.lg\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.lg\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.lg\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.lg\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.lg\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.lg\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.lg\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.lg\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.lg\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.lg\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.lg\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.lg\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.lg\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.lg\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.lg\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.lg\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.lg\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.lg\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.lg\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.lg\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.xl\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.xl\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.xl\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.xl\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.xl\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.xl\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.xl\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.xl\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.xl\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.xl\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.xl\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.xl\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.xl\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.xl\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.xl\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.xl\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.xl\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.xl\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.xl\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.xl\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.xl\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}.w-full{width:100% !important}.w-screen{width:100vw !important}.w-auto{width:auto !important}.w-1{width:8.3333% !important}.w-2{width:16.6667% !important}.w-3{width:25% !important}.w-4{width:33.3333% !important}.w-5{width:41.6667% !important}.w-6{width:50% !important}.w-7{width:58.3333% !important}.w-8{width:66.6667% !important}.w-9{width:75% !important}.w-10{width:83.3333% !important}.w-11{width:91.6667% !important}.w-12{width:100% !important}.w-min{width:min-content !important}.w-max{width:max-content !important}.w-fit{width:fit-content !important}.w-1rem{width:1rem !important}.w-2rem{width:2rem !important}.w-3rem{width:3rem !important}.w-4rem{width:4rem !important}.w-5rem{width:5rem !important}.w-6rem{width:6rem !important}.w-7rem{width:7rem !important}.w-8rem{width:8rem !important}.w-9rem{width:9rem !important}.w-10rem{width:10rem !important}.w-11rem{width:11rem !important}.w-12rem{width:12rem !important}.w-13rem{width:13rem !important}.w-14rem{width:14rem !important}.w-15rem{width:15rem !important}.w-16rem{width:16rem !important}.w-17rem{width:17rem !important}.w-18rem{width:18rem !important}.w-19rem{width:19rem !important}.w-20rem{width:20rem !important}.w-21rem{width:21rem !important}.w-22rem{width:22rem !important}.w-23rem{width:23rem !important}.w-24rem{width:24rem !important}.w-25rem{width:25rem !important}.w-26rem{width:26rem !important}.w-27rem{width:27rem !important}.w-28rem{width:28rem !important}.w-29rem{width:29rem !important}.w-30rem{width:30rem !important}@media screen and (min-width: 576px){.sm\:w-full{width:100% !important}.sm\:w-screen{width:100vw !important}.sm\:w-auto{width:auto !important}.sm\:w-1{width:8.3333% !important}.sm\:w-2{width:16.6667% !important}.sm\:w-3{width:25% !important}.sm\:w-4{width:33.3333% !important}.sm\:w-5{width:41.6667% !important}.sm\:w-6{width:50% !important}.sm\:w-7{width:58.3333% !important}.sm\:w-8{width:66.6667% !important}.sm\:w-9{width:75% !important}.sm\:w-10{width:83.3333% !important}.sm\:w-11{width:91.6667% !important}.sm\:w-12{width:100% !important}.sm\:w-min{width:min-content !important}.sm\:w-max{width:max-content !important}.sm\:w-fit{width:fit-content !important}.sm\:w-1rem{width:1rem !important}.sm\:w-2rem{width:2rem !important}.sm\:w-3rem{width:3rem !important}.sm\:w-4rem{width:4rem !important}.sm\:w-5rem{width:5rem !important}.sm\:w-6rem{width:6rem !important}.sm\:w-7rem{width:7rem !important}.sm\:w-8rem{width:8rem !important}.sm\:w-9rem{width:9rem !important}.sm\:w-10rem{width:10rem !important}.sm\:w-11rem{width:11rem !important}.sm\:w-12rem{width:12rem !important}.sm\:w-13rem{width:13rem !important}.sm\:w-14rem{width:14rem !important}.sm\:w-15rem{width:15rem !important}.sm\:w-16rem{width:16rem !important}.sm\:w-17rem{width:17rem !important}.sm\:w-18rem{width:18rem !important}.sm\:w-19rem{width:19rem !important}.sm\:w-20rem{width:20rem !important}.sm\:w-21rem{width:21rem !important}.sm\:w-22rem{width:22rem !important}.sm\:w-23rem{width:23rem !important}.sm\:w-24rem{width:24rem !important}.sm\:w-25rem{width:25rem !important}.sm\:w-26rem{width:26rem !important}.sm\:w-27rem{width:27rem !important}.sm\:w-28rem{width:28rem !important}.sm\:w-29rem{width:29rem !important}.sm\:w-30rem{width:30rem !important}}@media screen and (min-width: 768px){.md\:w-full{width:100% !important}.md\:w-screen{width:100vw !important}.md\:w-auto{width:auto !important}.md\:w-1{width:8.3333% !important}.md\:w-2{width:16.6667% !important}.md\:w-3{width:25% !important}.md\:w-4{width:33.3333% !important}.md\:w-5{width:41.6667% !important}.md\:w-6{width:50% !important}.md\:w-7{width:58.3333% !important}.md\:w-8{width:66.6667% !important}.md\:w-9{width:75% !important}.md\:w-10{width:83.3333% !important}.md\:w-11{width:91.6667% !important}.md\:w-12{width:100% !important}.md\:w-min{width:min-content !important}.md\:w-max{width:max-content !important}.md\:w-fit{width:fit-content !important}.md\:w-1rem{width:1rem !important}.md\:w-2rem{width:2rem !important}.md\:w-3rem{width:3rem !important}.md\:w-4rem{width:4rem !important}.md\:w-5rem{width:5rem !important}.md\:w-6rem{width:6rem !important}.md\:w-7rem{width:7rem !important}.md\:w-8rem{width:8rem !important}.md\:w-9rem{width:9rem !important}.md\:w-10rem{width:10rem !important}.md\:w-11rem{width:11rem !important}.md\:w-12rem{width:12rem !important}.md\:w-13rem{width:13rem !important}.md\:w-14rem{width:14rem !important}.md\:w-15rem{width:15rem !important}.md\:w-16rem{width:16rem !important}.md\:w-17rem{width:17rem !important}.md\:w-18rem{width:18rem !important}.md\:w-19rem{width:19rem !important}.md\:w-20rem{width:20rem !important}.md\:w-21rem{width:21rem !important}.md\:w-22rem{width:22rem !important}.md\:w-23rem{width:23rem !important}.md\:w-24rem{width:24rem !important}.md\:w-25rem{width:25rem !important}.md\:w-26rem{width:26rem !important}.md\:w-27rem{width:27rem !important}.md\:w-28rem{width:28rem !important}.md\:w-29rem{width:29rem !important}.md\:w-30rem{width:30rem !important}}@media screen and (min-width: 992px){.lg\:w-full{width:100% !important}.lg\:w-screen{width:100vw !important}.lg\:w-auto{width:auto !important}.lg\:w-1{width:8.3333% !important}.lg\:w-2{width:16.6667% !important}.lg\:w-3{width:25% !important}.lg\:w-4{width:33.3333% !important}.lg\:w-5{width:41.6667% !important}.lg\:w-6{width:50% !important}.lg\:w-7{width:58.3333% !important}.lg\:w-8{width:66.6667% !important}.lg\:w-9{width:75% !important}.lg\:w-10{width:83.3333% !important}.lg\:w-11{width:91.6667% !important}.lg\:w-12{width:100% !important}.lg\:w-min{width:min-content !important}.lg\:w-max{width:max-content !important}.lg\:w-fit{width:fit-content !important}.lg\:w-1rem{width:1rem !important}.lg\:w-2rem{width:2rem !important}.lg\:w-3rem{width:3rem !important}.lg\:w-4rem{width:4rem !important}.lg\:w-5rem{width:5rem !important}.lg\:w-6rem{width:6rem !important}.lg\:w-7rem{width:7rem !important}.lg\:w-8rem{width:8rem !important}.lg\:w-9rem{width:9rem !important}.lg\:w-10rem{width:10rem !important}.lg\:w-11rem{width:11rem !important}.lg\:w-12rem{width:12rem !important}.lg\:w-13rem{width:13rem !important}.lg\:w-14rem{width:14rem !important}.lg\:w-15rem{width:15rem !important}.lg\:w-16rem{width:16rem !important}.lg\:w-17rem{width:17rem !important}.lg\:w-18rem{width:18rem !important}.lg\:w-19rem{width:19rem !important}.lg\:w-20rem{width:20rem !important}.lg\:w-21rem{width:21rem !important}.lg\:w-22rem{width:22rem !important}.lg\:w-23rem{width:23rem !important}.lg\:w-24rem{width:24rem !important}.lg\:w-25rem{width:25rem !important}.lg\:w-26rem{width:26rem !important}.lg\:w-27rem{width:27rem !important}.lg\:w-28rem{width:28rem !important}.lg\:w-29rem{width:29rem !important}.lg\:w-30rem{width:30rem !important}}@media screen and (min-width: 1200px){.xl\:w-full{width:100% !important}.xl\:w-screen{width:100vw !important}.xl\:w-auto{width:auto !important}.xl\:w-1{width:8.3333% !important}.xl\:w-2{width:16.6667% !important}.xl\:w-3{width:25% !important}.xl\:w-4{width:33.3333% !important}.xl\:w-5{width:41.6667% !important}.xl\:w-6{width:50% !important}.xl\:w-7{width:58.3333% !important}.xl\:w-8{width:66.6667% !important}.xl\:w-9{width:75% !important}.xl\:w-10{width:83.3333% !important}.xl\:w-11{width:91.6667% !important}.xl\:w-12{width:100% !important}.xl\:w-min{width:min-content !important}.xl\:w-max{width:max-content !important}.xl\:w-fit{width:fit-content !important}.xl\:w-1rem{width:1rem !important}.xl\:w-2rem{width:2rem !important}.xl\:w-3rem{width:3rem !important}.xl\:w-4rem{width:4rem !important}.xl\:w-5rem{width:5rem !important}.xl\:w-6rem{width:6rem !important}.xl\:w-7rem{width:7rem !important}.xl\:w-8rem{width:8rem !important}.xl\:w-9rem{width:9rem !important}.xl\:w-10rem{width:10rem !important}.xl\:w-11rem{width:11rem !important}.xl\:w-12rem{width:12rem !important}.xl\:w-13rem{width:13rem !important}.xl\:w-14rem{width:14rem !important}.xl\:w-15rem{width:15rem !important}.xl\:w-16rem{width:16rem !important}.xl\:w-17rem{width:17rem !important}.xl\:w-18rem{width:18rem !important}.xl\:w-19rem{width:19rem !important}.xl\:w-20rem{width:20rem !important}.xl\:w-21rem{width:21rem !important}.xl\:w-22rem{width:22rem !important}.xl\:w-23rem{width:23rem !important}.xl\:w-24rem{width:24rem !important}.xl\:w-25rem{width:25rem !important}.xl\:w-26rem{width:26rem !important}.xl\:w-27rem{width:27rem !important}.xl\:w-28rem{width:28rem !important}.xl\:w-29rem{width:29rem !important}.xl\:w-30rem{width:30rem !important}}.h-full{height:100% !important}.h-screen{height:100vh !important}.h-auto{height:auto !important}.h-min{height:min-content !important}.h-max{height:max-content !important}.h-fit{height:fit-content !important}.h-1rem{height:1rem !important}.h-2rem{height:2rem !important}.h-3rem{height:3rem !important}.h-4rem{height:4rem !important}.h-5rem{height:5rem !important}.h-6rem{height:6rem !important}.h-7rem{height:7rem !important}.h-8rem{height:8rem !important}.h-9rem{height:9rem !important}.h-10rem{height:10rem !important}.h-11rem{height:11rem !important}.h-12rem{height:12rem !important}.h-13rem{height:13rem !important}.h-14rem{height:14rem !important}.h-15rem{height:15rem !important}.h-16rem{height:16rem !important}.h-17rem{height:17rem !important}.h-18rem{height:18rem !important}.h-19rem{height:19rem !important}.h-20rem{height:20rem !important}.h-21rem{height:21rem !important}.h-22rem{height:22rem !important}.h-23rem{height:23rem !important}.h-24rem{height:24rem !important}.h-25rem{height:25rem !important}.h-26rem{height:26rem !important}.h-27rem{height:27rem !important}.h-28rem{height:28rem !important}.h-29rem{height:29rem !important}.h-30rem{height:30rem !important}@media screen and (min-width: 576px){.sm\:h-full{height:100% !important}.sm\:h-screen{height:100vh !important}.sm\:h-auto{height:auto !important}.sm\:h-min{height:min-content !important}.sm\:h-max{height:max-content !important}.sm\:h-fit{height:fit-content !important}.sm\:h-1rem{height:1rem !important}.sm\:h-2rem{height:2rem !important}.sm\:h-3rem{height:3rem !important}.sm\:h-4rem{height:4rem !important}.sm\:h-5rem{height:5rem !important}.sm\:h-6rem{height:6rem !important}.sm\:h-7rem{height:7rem !important}.sm\:h-8rem{height:8rem !important}.sm\:h-9rem{height:9rem !important}.sm\:h-10rem{height:10rem !important}.sm\:h-11rem{height:11rem !important}.sm\:h-12rem{height:12rem !important}.sm\:h-13rem{height:13rem !important}.sm\:h-14rem{height:14rem !important}.sm\:h-15rem{height:15rem !important}.sm\:h-16rem{height:16rem !important}.sm\:h-17rem{height:17rem !important}.sm\:h-18rem{height:18rem !important}.sm\:h-19rem{height:19rem !important}.sm\:h-20rem{height:20rem !important}.sm\:h-21rem{height:21rem !important}.sm\:h-22rem{height:22rem !important}.sm\:h-23rem{height:23rem !important}.sm\:h-24rem{height:24rem !important}.sm\:h-25rem{height:25rem !important}.sm\:h-26rem{height:26rem !important}.sm\:h-27rem{height:27rem !important}.sm\:h-28rem{height:28rem !important}.sm\:h-29rem{height:29rem !important}.sm\:h-30rem{height:30rem !important}}@media screen and (min-width: 768px){.md\:h-full{height:100% !important}.md\:h-screen{height:100vh !important}.md\:h-auto{height:auto !important}.md\:h-min{height:min-content !important}.md\:h-max{height:max-content !important}.md\:h-fit{height:fit-content !important}.md\:h-1rem{height:1rem !important}.md\:h-2rem{height:2rem !important}.md\:h-3rem{height:3rem !important}.md\:h-4rem{height:4rem !important}.md\:h-5rem{height:5rem !important}.md\:h-6rem{height:6rem !important}.md\:h-7rem{height:7rem !important}.md\:h-8rem{height:8rem !important}.md\:h-9rem{height:9rem !important}.md\:h-10rem{height:10rem !important}.md\:h-11rem{height:11rem !important}.md\:h-12rem{height:12rem !important}.md\:h-13rem{height:13rem !important}.md\:h-14rem{height:14rem !important}.md\:h-15rem{height:15rem !important}.md\:h-16rem{height:16rem !important}.md\:h-17rem{height:17rem !important}.md\:h-18rem{height:18rem !important}.md\:h-19rem{height:19rem !important}.md\:h-20rem{height:20rem !important}.md\:h-21rem{height:21rem !important}.md\:h-22rem{height:22rem !important}.md\:h-23rem{height:23rem !important}.md\:h-24rem{height:24rem !important}.md\:h-25rem{height:25rem !important}.md\:h-26rem{height:26rem !important}.md\:h-27rem{height:27rem !important}.md\:h-28rem{height:28rem !important}.md\:h-29rem{height:29rem !important}.md\:h-30rem{height:30rem !important}}@media screen and (min-width: 992px){.lg\:h-full{height:100% !important}.lg\:h-screen{height:100vh !important}.lg\:h-auto{height:auto !important}.lg\:h-min{height:min-content !important}.lg\:h-max{height:max-content !important}.lg\:h-fit{height:fit-content !important}.lg\:h-1rem{height:1rem !important}.lg\:h-2rem{height:2rem !important}.lg\:h-3rem{height:3rem !important}.lg\:h-4rem{height:4rem !important}.lg\:h-5rem{height:5rem !important}.lg\:h-6rem{height:6rem !important}.lg\:h-7rem{height:7rem !important}.lg\:h-8rem{height:8rem !important}.lg\:h-9rem{height:9rem !important}.lg\:h-10rem{height:10rem !important}.lg\:h-11rem{height:11rem !important}.lg\:h-12rem{height:12rem !important}.lg\:h-13rem{height:13rem !important}.lg\:h-14rem{height:14rem !important}.lg\:h-15rem{height:15rem !important}.lg\:h-16rem{height:16rem !important}.lg\:h-17rem{height:17rem !important}.lg\:h-18rem{height:18rem !important}.lg\:h-19rem{height:19rem !important}.lg\:h-20rem{height:20rem !important}.lg\:h-21rem{height:21rem !important}.lg\:h-22rem{height:22rem !important}.lg\:h-23rem{height:23rem !important}.lg\:h-24rem{height:24rem !important}.lg\:h-25rem{height:25rem !important}.lg\:h-26rem{height:26rem !important}.lg\:h-27rem{height:27rem !important}.lg\:h-28rem{height:28rem !important}.lg\:h-29rem{height:29rem !important}.lg\:h-30rem{height:30rem !important}}@media screen and (min-width: 1200px){.xl\:h-full{height:100% !important}.xl\:h-screen{height:100vh !important}.xl\:h-auto{height:auto !important}.xl\:h-min{height:min-content !important}.xl\:h-max{height:max-content !important}.xl\:h-fit{height:fit-content !important}.xl\:h-1rem{height:1rem !important}.xl\:h-2rem{height:2rem !important}.xl\:h-3rem{height:3rem !important}.xl\:h-4rem{height:4rem !important}.xl\:h-5rem{height:5rem !important}.xl\:h-6rem{height:6rem !important}.xl\:h-7rem{height:7rem !important}.xl\:h-8rem{height:8rem !important}.xl\:h-9rem{height:9rem !important}.xl\:h-10rem{height:10rem !important}.xl\:h-11rem{height:11rem !important}.xl\:h-12rem{height:12rem !important}.xl\:h-13rem{height:13rem !important}.xl\:h-14rem{height:14rem !important}.xl\:h-15rem{height:15rem !important}.xl\:h-16rem{height:16rem !important}.xl\:h-17rem{height:17rem !important}.xl\:h-18rem{height:18rem !important}.xl\:h-19rem{height:19rem !important}.xl\:h-20rem{height:20rem !important}.xl\:h-21rem{height:21rem !important}.xl\:h-22rem{height:22rem !important}.xl\:h-23rem{height:23rem !important}.xl\:h-24rem{height:24rem !important}.xl\:h-25rem{height:25rem !important}.xl\:h-26rem{height:26rem !important}.xl\:h-27rem{height:27rem !important}.xl\:h-28rem{height:28rem !important}.xl\:h-29rem{height:29rem !important}.xl\:h-30rem{height:30rem !important}}.min-w-0{min-width:0px !important}.min-w-full{min-width:100% !important}.min-w-screen{min-width:100vw !important}.min-w-min{min-width:min-content !important}.min-w-max{min-width:max-content !important}@media screen and (min-width: 576px){.sm\:min-w-0{min-width:0px !important}.sm\:min-w-full{min-width:100% !important}.sm\:min-w-screen{min-width:100vw !important}.sm\:min-w-min{min-width:min-content !important}.sm\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 768px){.md\:min-w-0{min-width:0px !important}.md\:min-w-full{min-width:100% !important}.md\:min-w-screen{min-width:100vw !important}.md\:min-w-min{min-width:min-content !important}.md\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 992px){.lg\:min-w-0{min-width:0px !important}.lg\:min-w-full{min-width:100% !important}.lg\:min-w-screen{min-width:100vw !important}.lg\:min-w-min{min-width:min-content !important}.lg\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 1200px){.xl\:min-w-0{min-width:0px !important}.xl\:min-w-full{min-width:100% !important}.xl\:min-w-screen{min-width:100vw !important}.xl\:min-w-min{min-width:min-content !important}.xl\:min-w-max{min-width:max-content !important}}.max-w-0{max-width:0px !important}.max-w-full{max-width:100% !important}.max-w-screen{max-width:100vw !important}.max-w-min{max-width:min-content !important}.max-w-max{max-width:max-content !important}.max-w-fit{max-width:fit-content !important}.max-w-1rem{max-width:1rem !important}.max-w-2rem{max-width:2rem !important}.max-w-3rem{max-width:3rem !important}.max-w-4rem{max-width:4rem !important}.max-w-5rem{max-width:5rem !important}.max-w-6rem{max-width:6rem !important}.max-w-7rem{max-width:7rem !important}.max-w-8rem{max-width:8rem !important}.max-w-9rem{max-width:9rem !important}.max-w-10rem{max-width:10rem !important}.max-w-11rem{max-width:11rem !important}.max-w-12rem{max-width:12rem !important}.max-w-13rem{max-width:13rem !important}.max-w-14rem{max-width:14rem !important}.max-w-15rem{max-width:15rem !important}.max-w-16rem{max-width:16rem !important}.max-w-17rem{max-width:17rem !important}.max-w-18rem{max-width:18rem !important}.max-w-19rem{max-width:19rem !important}.max-w-20rem{max-width:20rem !important}.max-w-21rem{max-width:21rem !important}.max-w-22rem{max-width:22rem !important}.max-w-23rem{max-width:23rem !important}.max-w-24rem{max-width:24rem !important}.max-w-25rem{max-width:25rem !important}.max-w-26rem{max-width:26rem !important}.max-w-27rem{max-width:27rem !important}.max-w-28rem{max-width:28rem !important}.max-w-29rem{max-width:29rem !important}.max-w-30rem{max-width:30rem !important}@media screen and (min-width: 576px){.sm\:max-w-0{max-width:0px !important}.sm\:max-w-full{max-width:100% !important}.sm\:max-w-screen{max-width:100vw !important}.sm\:max-w-min{max-width:min-content !important}.sm\:max-w-max{max-width:max-content !important}.sm\:max-w-fit{max-width:fit-content !important}.sm\:max-w-1rem{max-width:1rem !important}.sm\:max-w-2rem{max-width:2rem !important}.sm\:max-w-3rem{max-width:3rem !important}.sm\:max-w-4rem{max-width:4rem !important}.sm\:max-w-5rem{max-width:5rem !important}.sm\:max-w-6rem{max-width:6rem !important}.sm\:max-w-7rem{max-width:7rem !important}.sm\:max-w-8rem{max-width:8rem !important}.sm\:max-w-9rem{max-width:9rem !important}.sm\:max-w-10rem{max-width:10rem !important}.sm\:max-w-11rem{max-width:11rem !important}.sm\:max-w-12rem{max-width:12rem !important}.sm\:max-w-13rem{max-width:13rem !important}.sm\:max-w-14rem{max-width:14rem !important}.sm\:max-w-15rem{max-width:15rem !important}.sm\:max-w-16rem{max-width:16rem !important}.sm\:max-w-17rem{max-width:17rem !important}.sm\:max-w-18rem{max-width:18rem !important}.sm\:max-w-19rem{max-width:19rem !important}.sm\:max-w-20rem{max-width:20rem !important}.sm\:max-w-21rem{max-width:21rem !important}.sm\:max-w-22rem{max-width:22rem !important}.sm\:max-w-23rem{max-width:23rem !important}.sm\:max-w-24rem{max-width:24rem !important}.sm\:max-w-25rem{max-width:25rem !important}.sm\:max-w-26rem{max-width:26rem !important}.sm\:max-w-27rem{max-width:27rem !important}.sm\:max-w-28rem{max-width:28rem !important}.sm\:max-w-29rem{max-width:29rem !important}.sm\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 768px){.md\:max-w-0{max-width:0px !important}.md\:max-w-full{max-width:100% !important}.md\:max-w-screen{max-width:100vw !important}.md\:max-w-min{max-width:min-content !important}.md\:max-w-max{max-width:max-content !important}.md\:max-w-fit{max-width:fit-content !important}.md\:max-w-1rem{max-width:1rem !important}.md\:max-w-2rem{max-width:2rem !important}.md\:max-w-3rem{max-width:3rem !important}.md\:max-w-4rem{max-width:4rem !important}.md\:max-w-5rem{max-width:5rem !important}.md\:max-w-6rem{max-width:6rem !important}.md\:max-w-7rem{max-width:7rem !important}.md\:max-w-8rem{max-width:8rem !important}.md\:max-w-9rem{max-width:9rem !important}.md\:max-w-10rem{max-width:10rem !important}.md\:max-w-11rem{max-width:11rem !important}.md\:max-w-12rem{max-width:12rem !important}.md\:max-w-13rem{max-width:13rem !important}.md\:max-w-14rem{max-width:14rem !important}.md\:max-w-15rem{max-width:15rem !important}.md\:max-w-16rem{max-width:16rem !important}.md\:max-w-17rem{max-width:17rem !important}.md\:max-w-18rem{max-width:18rem !important}.md\:max-w-19rem{max-width:19rem !important}.md\:max-w-20rem{max-width:20rem !important}.md\:max-w-21rem{max-width:21rem !important}.md\:max-w-22rem{max-width:22rem !important}.md\:max-w-23rem{max-width:23rem !important}.md\:max-w-24rem{max-width:24rem !important}.md\:max-w-25rem{max-width:25rem !important}.md\:max-w-26rem{max-width:26rem !important}.md\:max-w-27rem{max-width:27rem !important}.md\:max-w-28rem{max-width:28rem !important}.md\:max-w-29rem{max-width:29rem !important}.md\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 992px){.lg\:max-w-0{max-width:0px !important}.lg\:max-w-full{max-width:100% !important}.lg\:max-w-screen{max-width:100vw !important}.lg\:max-w-min{max-width:min-content !important}.lg\:max-w-max{max-width:max-content !important}.lg\:max-w-fit{max-width:fit-content !important}.lg\:max-w-1rem{max-width:1rem !important}.lg\:max-w-2rem{max-width:2rem !important}.lg\:max-w-3rem{max-width:3rem !important}.lg\:max-w-4rem{max-width:4rem !important}.lg\:max-w-5rem{max-width:5rem !important}.lg\:max-w-6rem{max-width:6rem !important}.lg\:max-w-7rem{max-width:7rem !important}.lg\:max-w-8rem{max-width:8rem !important}.lg\:max-w-9rem{max-width:9rem !important}.lg\:max-w-10rem{max-width:10rem !important}.lg\:max-w-11rem{max-width:11rem !important}.lg\:max-w-12rem{max-width:12rem !important}.lg\:max-w-13rem{max-width:13rem !important}.lg\:max-w-14rem{max-width:14rem !important}.lg\:max-w-15rem{max-width:15rem !important}.lg\:max-w-16rem{max-width:16rem !important}.lg\:max-w-17rem{max-width:17rem !important}.lg\:max-w-18rem{max-width:18rem !important}.lg\:max-w-19rem{max-width:19rem !important}.lg\:max-w-20rem{max-width:20rem !important}.lg\:max-w-21rem{max-width:21rem !important}.lg\:max-w-22rem{max-width:22rem !important}.lg\:max-w-23rem{max-width:23rem !important}.lg\:max-w-24rem{max-width:24rem !important}.lg\:max-w-25rem{max-width:25rem !important}.lg\:max-w-26rem{max-width:26rem !important}.lg\:max-w-27rem{max-width:27rem !important}.lg\:max-w-28rem{max-width:28rem !important}.lg\:max-w-29rem{max-width:29rem !important}.lg\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-w-0{max-width:0px !important}.xl\:max-w-full{max-width:100% !important}.xl\:max-w-screen{max-width:100vw !important}.xl\:max-w-min{max-width:min-content !important}.xl\:max-w-max{max-width:max-content !important}.xl\:max-w-fit{max-width:fit-content !important}.xl\:max-w-1rem{max-width:1rem !important}.xl\:max-w-2rem{max-width:2rem !important}.xl\:max-w-3rem{max-width:3rem !important}.xl\:max-w-4rem{max-width:4rem !important}.xl\:max-w-5rem{max-width:5rem !important}.xl\:max-w-6rem{max-width:6rem !important}.xl\:max-w-7rem{max-width:7rem !important}.xl\:max-w-8rem{max-width:8rem !important}.xl\:max-w-9rem{max-width:9rem !important}.xl\:max-w-10rem{max-width:10rem !important}.xl\:max-w-11rem{max-width:11rem !important}.xl\:max-w-12rem{max-width:12rem !important}.xl\:max-w-13rem{max-width:13rem !important}.xl\:max-w-14rem{max-width:14rem !important}.xl\:max-w-15rem{max-width:15rem !important}.xl\:max-w-16rem{max-width:16rem !important}.xl\:max-w-17rem{max-width:17rem !important}.xl\:max-w-18rem{max-width:18rem !important}.xl\:max-w-19rem{max-width:19rem !important}.xl\:max-w-20rem{max-width:20rem !important}.xl\:max-w-21rem{max-width:21rem !important}.xl\:max-w-22rem{max-width:22rem !important}.xl\:max-w-23rem{max-width:23rem !important}.xl\:max-w-24rem{max-width:24rem !important}.xl\:max-w-25rem{max-width:25rem !important}.xl\:max-w-26rem{max-width:26rem !important}.xl\:max-w-27rem{max-width:27rem !important}.xl\:max-w-28rem{max-width:28rem !important}.xl\:max-w-29rem{max-width:29rem !important}.xl\:max-w-30rem{max-width:30rem !important}}.min-h-0{min-height:0px !important}.min-h-full{min-height:100% !important}.min-h-screen{min-height:100vh !important}@media screen and (min-width: 576px){.sm\:min-h-0{min-height:0px !important}.sm\:min-h-full{min-height:100% !important}.sm\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 768px){.md\:min-h-0{min-height:0px !important}.md\:min-h-full{min-height:100% !important}.md\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 992px){.lg\:min-h-0{min-height:0px !important}.lg\:min-h-full{min-height:100% !important}.lg\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 1200px){.xl\:min-h-0{min-height:0px !important}.xl\:min-h-full{min-height:100% !important}.xl\:min-h-screen{min-height:100vh !important}}.max-h-0{max-height:0px !important}.max-h-full{max-height:100% !important}.max-h-screen{max-height:100vh !important}.max-h-min{max-height:min-content !important}.max-h-max{max-height:max-content !important}.max-h-fit{max-height:fit-content !important}.max-h-1rem{max-height:1rem !important}.max-h-2rem{max-height:2rem !important}.max-h-3rem{max-height:3rem !important}.max-h-4rem{max-height:4rem !important}.max-h-5rem{max-height:5rem !important}.max-h-6rem{max-height:6rem !important}.max-h-7rem{max-height:7rem !important}.max-h-8rem{max-height:8rem !important}.max-h-9rem{max-height:9rem !important}.max-h-10rem{max-height:10rem !important}.max-h-11rem{max-height:11rem !important}.max-h-12rem{max-height:12rem !important}.max-h-13rem{max-height:13rem !important}.max-h-14rem{max-height:14rem !important}.max-h-15rem{max-height:15rem !important}.max-h-16rem{max-height:16rem !important}.max-h-17rem{max-height:17rem !important}.max-h-18rem{max-height:18rem !important}.max-h-19rem{max-height:19rem !important}.max-h-20rem{max-height:20rem !important}.max-h-21rem{max-height:21rem !important}.max-h-22rem{max-height:22rem !important}.max-h-23rem{max-height:23rem !important}.max-h-24rem{max-height:24rem !important}.max-h-25rem{max-height:25rem !important}.max-h-26rem{max-height:26rem !important}.max-h-27rem{max-height:27rem !important}.max-h-28rem{max-height:28rem !important}.max-h-29rem{max-height:29rem !important}.max-h-30rem{max-height:30rem !important}@media screen and (min-width: 576px){.sm\:max-h-0{max-height:0px !important}.sm\:max-h-full{max-height:100% !important}.sm\:max-h-screen{max-height:100vh !important}.sm\:max-h-min{max-height:min-content !important}.sm\:max-h-max{max-height:max-content !important}.sm\:max-h-fit{max-height:fit-content !important}.sm\:max-h-1rem{max-height:1rem !important}.sm\:max-h-2rem{max-height:2rem !important}.sm\:max-h-3rem{max-height:3rem !important}.sm\:max-h-4rem{max-height:4rem !important}.sm\:max-h-5rem{max-height:5rem !important}.sm\:max-h-6rem{max-height:6rem !important}.sm\:max-h-7rem{max-height:7rem !important}.sm\:max-h-8rem{max-height:8rem !important}.sm\:max-h-9rem{max-height:9rem !important}.sm\:max-h-10rem{max-height:10rem !important}.sm\:max-h-11rem{max-height:11rem !important}.sm\:max-h-12rem{max-height:12rem !important}.sm\:max-h-13rem{max-height:13rem !important}.sm\:max-h-14rem{max-height:14rem !important}.sm\:max-h-15rem{max-height:15rem !important}.sm\:max-h-16rem{max-height:16rem !important}.sm\:max-h-17rem{max-height:17rem !important}.sm\:max-h-18rem{max-height:18rem !important}.sm\:max-h-19rem{max-height:19rem !important}.sm\:max-h-20rem{max-height:20rem !important}.sm\:max-h-21rem{max-height:21rem !important}.sm\:max-h-22rem{max-height:22rem !important}.sm\:max-h-23rem{max-height:23rem !important}.sm\:max-h-24rem{max-height:24rem !important}.sm\:max-h-25rem{max-height:25rem !important}.sm\:max-h-26rem{max-height:26rem !important}.sm\:max-h-27rem{max-height:27rem !important}.sm\:max-h-28rem{max-height:28rem !important}.sm\:max-h-29rem{max-height:29rem !important}.sm\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 768px){.md\:max-h-0{max-height:0px !important}.md\:max-h-full{max-height:100% !important}.md\:max-h-screen{max-height:100vh !important}.md\:max-h-min{max-height:min-content !important}.md\:max-h-max{max-height:max-content !important}.md\:max-h-fit{max-height:fit-content !important}.md\:max-h-1rem{max-height:1rem !important}.md\:max-h-2rem{max-height:2rem !important}.md\:max-h-3rem{max-height:3rem !important}.md\:max-h-4rem{max-height:4rem !important}.md\:max-h-5rem{max-height:5rem !important}.md\:max-h-6rem{max-height:6rem !important}.md\:max-h-7rem{max-height:7rem !important}.md\:max-h-8rem{max-height:8rem !important}.md\:max-h-9rem{max-height:9rem !important}.md\:max-h-10rem{max-height:10rem !important}.md\:max-h-11rem{max-height:11rem !important}.md\:max-h-12rem{max-height:12rem !important}.md\:max-h-13rem{max-height:13rem !important}.md\:max-h-14rem{max-height:14rem !important}.md\:max-h-15rem{max-height:15rem !important}.md\:max-h-16rem{max-height:16rem !important}.md\:max-h-17rem{max-height:17rem !important}.md\:max-h-18rem{max-height:18rem !important}.md\:max-h-19rem{max-height:19rem !important}.md\:max-h-20rem{max-height:20rem !important}.md\:max-h-21rem{max-height:21rem !important}.md\:max-h-22rem{max-height:22rem !important}.md\:max-h-23rem{max-height:23rem !important}.md\:max-h-24rem{max-height:24rem !important}.md\:max-h-25rem{max-height:25rem !important}.md\:max-h-26rem{max-height:26rem !important}.md\:max-h-27rem{max-height:27rem !important}.md\:max-h-28rem{max-height:28rem !important}.md\:max-h-29rem{max-height:29rem !important}.md\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 992px){.lg\:max-h-0{max-height:0px !important}.lg\:max-h-full{max-height:100% !important}.lg\:max-h-screen{max-height:100vh !important}.lg\:max-h-min{max-height:min-content !important}.lg\:max-h-max{max-height:max-content !important}.lg\:max-h-fit{max-height:fit-content !important}.lg\:max-h-1rem{max-height:1rem !important}.lg\:max-h-2rem{max-height:2rem !important}.lg\:max-h-3rem{max-height:3rem !important}.lg\:max-h-4rem{max-height:4rem !important}.lg\:max-h-5rem{max-height:5rem !important}.lg\:max-h-6rem{max-height:6rem !important}.lg\:max-h-7rem{max-height:7rem !important}.lg\:max-h-8rem{max-height:8rem !important}.lg\:max-h-9rem{max-height:9rem !important}.lg\:max-h-10rem{max-height:10rem !important}.lg\:max-h-11rem{max-height:11rem !important}.lg\:max-h-12rem{max-height:12rem !important}.lg\:max-h-13rem{max-height:13rem !important}.lg\:max-h-14rem{max-height:14rem !important}.lg\:max-h-15rem{max-height:15rem !important}.lg\:max-h-16rem{max-height:16rem !important}.lg\:max-h-17rem{max-height:17rem !important}.lg\:max-h-18rem{max-height:18rem !important}.lg\:max-h-19rem{max-height:19rem !important}.lg\:max-h-20rem{max-height:20rem !important}.lg\:max-h-21rem{max-height:21rem !important}.lg\:max-h-22rem{max-height:22rem !important}.lg\:max-h-23rem{max-height:23rem !important}.lg\:max-h-24rem{max-height:24rem !important}.lg\:max-h-25rem{max-height:25rem !important}.lg\:max-h-26rem{max-height:26rem !important}.lg\:max-h-27rem{max-height:27rem !important}.lg\:max-h-28rem{max-height:28rem !important}.lg\:max-h-29rem{max-height:29rem !important}.lg\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-h-0{max-height:0px !important}.xl\:max-h-full{max-height:100% !important}.xl\:max-h-screen{max-height:100vh !important}.xl\:max-h-min{max-height:min-content !important}.xl\:max-h-max{max-height:max-content !important}.xl\:max-h-fit{max-height:fit-content !important}.xl\:max-h-1rem{max-height:1rem !important}.xl\:max-h-2rem{max-height:2rem !important}.xl\:max-h-3rem{max-height:3rem !important}.xl\:max-h-4rem{max-height:4rem !important}.xl\:max-h-5rem{max-height:5rem !important}.xl\:max-h-6rem{max-height:6rem !important}.xl\:max-h-7rem{max-height:7rem !important}.xl\:max-h-8rem{max-height:8rem !important}.xl\:max-h-9rem{max-height:9rem !important}.xl\:max-h-10rem{max-height:10rem !important}.xl\:max-h-11rem{max-height:11rem !important}.xl\:max-h-12rem{max-height:12rem !important}.xl\:max-h-13rem{max-height:13rem !important}.xl\:max-h-14rem{max-height:14rem !important}.xl\:max-h-15rem{max-height:15rem !important}.xl\:max-h-16rem{max-height:16rem !important}.xl\:max-h-17rem{max-height:17rem !important}.xl\:max-h-18rem{max-height:18rem !important}.xl\:max-h-19rem{max-height:19rem !important}.xl\:max-h-20rem{max-height:20rem !important}.xl\:max-h-21rem{max-height:21rem !important}.xl\:max-h-22rem{max-height:22rem !important}.xl\:max-h-23rem{max-height:23rem !important}.xl\:max-h-24rem{max-height:24rem !important}.xl\:max-h-25rem{max-height:25rem !important}.xl\:max-h-26rem{max-height:26rem !important}.xl\:max-h-27rem{max-height:27rem !important}.xl\:max-h-28rem{max-height:28rem !important}.xl\:max-h-29rem{max-height:29rem !important}.xl\:max-h-30rem{max-height:30rem !important}}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}@media screen and (min-width: 576px){.sm\:static{position:static !important}.sm\:fixed{position:fixed !important}.sm\:absolute{position:absolute !important}.sm\:relative{position:relative !important}.sm\:sticky{position:sticky !important}}@media screen and (min-width: 768px){.md\:static{position:static !important}.md\:fixed{position:fixed !important}.md\:absolute{position:absolute !important}.md\:relative{position:relative !important}.md\:sticky{position:sticky !important}}@media screen and (min-width: 992px){.lg\:static{position:static !important}.lg\:fixed{position:fixed !important}.lg\:absolute{position:absolute !important}.lg\:relative{position:relative !important}.lg\:sticky{position:sticky !important}}@media screen and (min-width: 1200px){.xl\:static{position:static !important}.xl\:fixed{position:fixed !important}.xl\:absolute{position:absolute !important}.xl\:relative{position:relative !important}.xl\:sticky{position:sticky !important}}.top-auto{top:auto !important}.top-0{top:0px !important}.top-50{top:50% !important}.top-100{top:100% !important}@media screen and (min-width: 576px){.sm\:top-auto{top:auto !important}.sm\:top-0{top:0px !important}.sm\:top-50{top:50% !important}.sm\:top-100{top:100% !important}}@media screen and (min-width: 768px){.md\:top-auto{top:auto !important}.md\:top-0{top:0px !important}.md\:top-50{top:50% !important}.md\:top-100{top:100% !important}}@media screen and (min-width: 992px){.lg\:top-auto{top:auto !important}.lg\:top-0{top:0px !important}.lg\:top-50{top:50% !important}.lg\:top-100{top:100% !important}}@media screen and (min-width: 1200px){.xl\:top-auto{top:auto !important}.xl\:top-0{top:0px !important}.xl\:top-50{top:50% !important}.xl\:top-100{top:100% !important}}.left-auto{left:auto !important}.left-0{left:0px !important}.left-50{left:50% !important}.left-100{left:100% !important}@media screen and (min-width: 576px){.sm\:left-auto{left:auto !important}.sm\:left-0{left:0px !important}.sm\:left-50{left:50% !important}.sm\:left-100{left:100% !important}}@media screen and (min-width: 768px){.md\:left-auto{left:auto !important}.md\:left-0{left:0px !important}.md\:left-50{left:50% !important}.md\:left-100{left:100% !important}}@media screen and (min-width: 992px){.lg\:left-auto{left:auto !important}.lg\:left-0{left:0px !important}.lg\:left-50{left:50% !important}.lg\:left-100{left:100% !important}}@media screen and (min-width: 1200px){.xl\:left-auto{left:auto !important}.xl\:left-0{left:0px !important}.xl\:left-50{left:50% !important}.xl\:left-100{left:100% !important}}.right-auto{right:auto !important}.right-0{right:0px !important}.right-50{right:50% !important}.right-100{right:100% !important}@media screen and (min-width: 576px){.sm\:right-auto{right:auto !important}.sm\:right-0{right:0px !important}.sm\:right-50{right:50% !important}.sm\:right-100{right:100% !important}}@media screen and (min-width: 768px){.md\:right-auto{right:auto !important}.md\:right-0{right:0px !important}.md\:right-50{right:50% !important}.md\:right-100{right:100% !important}}@media screen and (min-width: 992px){.lg\:right-auto{right:auto !important}.lg\:right-0{right:0px !important}.lg\:right-50{right:50% !important}.lg\:right-100{right:100% !important}}@media screen and (min-width: 1200px){.xl\:right-auto{right:auto !important}.xl\:right-0{right:0px !important}.xl\:right-50{right:50% !important}.xl\:right-100{right:100% !important}}.bottom-auto{bottom:auto !important}.bottom-0{bottom:0px !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}@media screen and (min-width: 576px){.sm\:bottom-auto{bottom:auto !important}.sm\:bottom-0{bottom:0px !important}.sm\:bottom-50{bottom:50% !important}.sm\:bottom-100{bottom:100% !important}}@media screen and (min-width: 768px){.md\:bottom-auto{bottom:auto !important}.md\:bottom-0{bottom:0px !important}.md\:bottom-50{bottom:50% !important}.md\:bottom-100{bottom:100% !important}}@media screen and (min-width: 992px){.lg\:bottom-auto{bottom:auto !important}.lg\:bottom-0{bottom:0px !important}.lg\:bottom-50{bottom:50% !important}.lg\:bottom-100{bottom:100% !important}}@media screen and (min-width: 1200px){.xl\:bottom-auto{bottom:auto !important}.xl\:bottom-0{bottom:0px !important}.xl\:bottom-50{bottom:50% !important}.xl\:bottom-100{bottom:100% !important}}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-auto{overflow:auto !important}.sm\:overflow-hidden{overflow:hidden !important}.sm\:overflow-visible{overflow:visible !important}.sm\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-auto{overflow:auto !important}.md\:overflow-hidden{overflow:hidden !important}.md\:overflow-visible{overflow:visible !important}.md\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-auto{overflow:auto !important}.lg\:overflow-hidden{overflow:hidden !important}.lg\:overflow-visible{overflow:visible !important}.lg\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-auto{overflow:auto !important}.xl\:overflow-hidden{overflow:hidden !important}.xl\:overflow-visible{overflow:visible !important}.xl\:overflow-scroll{overflow:scroll !important}}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-x-auto{overflow-x:auto !important}.sm\:overflow-x-hidden{overflow-x:hidden !important}.sm\:overflow-x-visible{overflow-x:visible !important}.sm\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-x-auto{overflow-x:auto !important}.md\:overflow-x-hidden{overflow-x:hidden !important}.md\:overflow-x-visible{overflow-x:visible !important}.md\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-x-auto{overflow-x:auto !important}.lg\:overflow-x-hidden{overflow-x:hidden !important}.lg\:overflow-x-visible{overflow-x:visible !important}.lg\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-x-auto{overflow-x:auto !important}.xl\:overflow-x-hidden{overflow-x:hidden !important}.xl\:overflow-x-visible{overflow-x:visible !important}.xl\:overflow-x-scroll{overflow-x:scroll !important}}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-y-auto{overflow-y:auto !important}.sm\:overflow-y-hidden{overflow-y:hidden !important}.sm\:overflow-y-visible{overflow-y:visible !important}.sm\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-y-auto{overflow-y:auto !important}.md\:overflow-y-hidden{overflow-y:hidden !important}.md\:overflow-y-visible{overflow-y:visible !important}.md\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-y-auto{overflow-y:auto !important}.lg\:overflow-y-hidden{overflow-y:hidden !important}.lg\:overflow-y-visible{overflow-y:visible !important}.lg\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-y-auto{overflow-y:auto !important}.xl\:overflow-y-hidden{overflow-y:hidden !important}.xl\:overflow-y-visible{overflow-y:visible !important}.xl\:overflow-y-scroll{overflow-y:scroll !important}}.z-auto{z-index:auto !important}.z-0{z-index:0 !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}.z-4{z-index:4 !important}.z-5{z-index:5 !important}@media screen and (min-width: 576px){.sm\:z-auto{z-index:auto !important}.sm\:z-0{z-index:0 !important}.sm\:z-1{z-index:1 !important}.sm\:z-2{z-index:2 !important}.sm\:z-3{z-index:3 !important}.sm\:z-4{z-index:4 !important}.sm\:z-5{z-index:5 !important}}@media screen and (min-width: 768px){.md\:z-auto{z-index:auto !important}.md\:z-0{z-index:0 !important}.md\:z-1{z-index:1 !important}.md\:z-2{z-index:2 !important}.md\:z-3{z-index:3 !important}.md\:z-4{z-index:4 !important}.md\:z-5{z-index:5 !important}}@media screen and (min-width: 992px){.lg\:z-auto{z-index:auto !important}.lg\:z-0{z-index:0 !important}.lg\:z-1{z-index:1 !important}.lg\:z-2{z-index:2 !important}.lg\:z-3{z-index:3 !important}.lg\:z-4{z-index:4 !important}.lg\:z-5{z-index:5 !important}}@media screen and (min-width: 1200px){.xl\:z-auto{z-index:auto !important}.xl\:z-0{z-index:0 !important}.xl\:z-1{z-index:1 !important}.xl\:z-2{z-index:2 !important}.xl\:z-3{z-index:3 !important}.xl\:z-4{z-index:4 !important}.xl\:z-5{z-index:5 !important}}.bg-repeat{background-repeat:repeat !important}.bg-no-repeat{background-repeat:no-repeat !important}.bg-repeat-x{background-repeat:repeat-x !important}.bg-repeat-y{background-repeat:repeat-y !important}.bg-repeat-round{background-repeat:round !important}.bg-repeat-space{background-repeat:space !important}@media screen and (min-width: 576px){.sm\:bg-repeat{background-repeat:repeat !important}.sm\:bg-no-repeat{background-repeat:no-repeat !important}.sm\:bg-repeat-x{background-repeat:repeat-x !important}.sm\:bg-repeat-y{background-repeat:repeat-y !important}.sm\:bg-repeat-round{background-repeat:round !important}.sm\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 768px){.md\:bg-repeat{background-repeat:repeat !important}.md\:bg-no-repeat{background-repeat:no-repeat !important}.md\:bg-repeat-x{background-repeat:repeat-x !important}.md\:bg-repeat-y{background-repeat:repeat-y !important}.md\:bg-repeat-round{background-repeat:round !important}.md\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 992px){.lg\:bg-repeat{background-repeat:repeat !important}.lg\:bg-no-repeat{background-repeat:no-repeat !important}.lg\:bg-repeat-x{background-repeat:repeat-x !important}.lg\:bg-repeat-y{background-repeat:repeat-y !important}.lg\:bg-repeat-round{background-repeat:round !important}.lg\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 1200px){.xl\:bg-repeat{background-repeat:repeat !important}.xl\:bg-no-repeat{background-repeat:no-repeat !important}.xl\:bg-repeat-x{background-repeat:repeat-x !important}.xl\:bg-repeat-y{background-repeat:repeat-y !important}.xl\:bg-repeat-round{background-repeat:round !important}.xl\:bg-repeat-space{background-repeat:space !important}}.bg-auto{background-size:auto !important}.bg-cover{background-size:cover !important}.bg-contain{background-size:contain !important}@media screen and (min-width: 576px){.sm\:bg-auto{background-size:auto !important}.sm\:bg-cover{background-size:cover !important}.sm\:bg-contain{background-size:contain !important}}@media screen and (min-width: 768px){.md\:bg-auto{background-size:auto !important}.md\:bg-cover{background-size:cover !important}.md\:bg-contain{background-size:contain !important}}@media screen and (min-width: 992px){.lg\:bg-auto{background-size:auto !important}.lg\:bg-cover{background-size:cover !important}.lg\:bg-contain{background-size:contain !important}}@media screen and (min-width: 1200px){.xl\:bg-auto{background-size:auto !important}.xl\:bg-cover{background-size:cover !important}.xl\:bg-contain{background-size:contain !important}}.bg-bottom{background-position:bottom !important}.bg-center{background-position:center !important}.bg-left{background-position:left !important}.bg-left-bottom{background-position:left bottom !important}.bg-left-top{background-position:left top !important}.bg-right{background-position:right !important}.bg-right-bottom{background-position:right bottom !important}.bg-right-top{background-position:right top !important}.bg-top{background-position:top !important}@media screen and (min-width: 576px){.sm\:bg-bottom{background-position:bottom !important}.sm\:bg-center{background-position:center !important}.sm\:bg-left{background-position:left !important}.sm\:bg-left-bottom{background-position:left bottom !important}.sm\:bg-left-top{background-position:left top !important}.sm\:bg-right{background-position:right !important}.sm\:bg-right-bottom{background-position:right bottom !important}.sm\:bg-right-top{background-position:right top !important}.sm\:bg-top{background-position:top !important}}@media screen and (min-width: 768px){.md\:bg-bottom{background-position:bottom !important}.md\:bg-center{background-position:center !important}.md\:bg-left{background-position:left !important}.md\:bg-left-bottom{background-position:left bottom !important}.md\:bg-left-top{background-position:left top !important}.md\:bg-right{background-position:right !important}.md\:bg-right-bottom{background-position:right bottom !important}.md\:bg-right-top{background-position:right top !important}.md\:bg-top{background-position:top !important}}@media screen and (min-width: 992px){.lg\:bg-bottom{background-position:bottom !important}.lg\:bg-center{background-position:center !important}.lg\:bg-left{background-position:left !important}.lg\:bg-left-bottom{background-position:left bottom !important}.lg\:bg-left-top{background-position:left top !important}.lg\:bg-right{background-position:right !important}.lg\:bg-right-bottom{background-position:right bottom !important}.lg\:bg-right-top{background-position:right top !important}.lg\:bg-top{background-position:top !important}}@media screen and (min-width: 1200px){.xl\:bg-bottom{background-position:bottom !important}.xl\:bg-center{background-position:center !important}.xl\:bg-left{background-position:left !important}.xl\:bg-left-bottom{background-position:left bottom !important}.xl\:bg-left-top{background-position:left top !important}.xl\:bg-right{background-position:right !important}.xl\:bg-right-bottom{background-position:right bottom !important}.xl\:bg-right-top{background-position:right top !important}.xl\:bg-top{background-position:top !important}}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.list-none{list-style:none !important}.list-disc{list-style:disc !important}.list-decimal{list-style:decimal !important}.appearance-none{appearance:none !important}.outline-none{outline:none !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.cursor-auto{cursor:auto !important}.cursor-pointer{cursor:pointer !important}.cursor-wait{cursor:wait !important}.cursor-move{cursor:move !important}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.opacity-0{opacity:0 !important}.opacity-10{opacity:.1 !important}.opacity-20{opacity:.2 !important}.opacity-30{opacity:.3 !important}.opacity-40{opacity:.4 !important}.opacity-50{opacity:.5 !important}.opacity-60{opacity:.6 !important}.opacity-70{opacity:.7 !important}.opacity-80{opacity:.8 !important}.opacity-90{opacity:.9 !important}.opacity-100{opacity:1 !important}.transition-none{transition-property:none !important}.transition-all{transition-property:all !important}.transition-colors{transition-property:background-color,border-color,color !important}.transition-transform{transition-property:transform !important}.transition-duration-100{transition-duration:100ms !important}.transition-duration-150{transition-duration:150ms !important}.transition-duration-200{transition-duration:200ms !important}.transition-duration-300{transition-duration:300ms !important}.transition-duration-400{transition-duration:400ms !important}.transition-duration-500{transition-duration:500ms !important}.transition-duration-1000{transition-duration:1000ms !important}.transition-duration-2000{transition-duration:2000ms !important}.transition-duration-3000{transition-duration:3000ms !important}.transition-linear{transition-timing-function:linear !important}.transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.transition-ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.transition-ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.transition-delay-100{transition-delay:100ms !important}.transition-delay-150{transition-delay:150ms !important}.transition-delay-200{transition-delay:200ms !important}.transition-delay-300{transition-delay:300ms !important}.transition-delay-400{transition-delay:400ms !important}.transition-delay-500{transition-delay:500ms !important}.transition-delay-1000{transition-delay:1000ms !important}.translate-x-0{transform:translateX(0%) !important}.translate-x-100{transform:translateX(100%) !important}.-translate-x-100{transform:translateX(-100%) !important}.translate-y-0{transform:translateY(0%) !important}.translate-y-100{transform:translateY(100%) !important}.-translate-y-100{transform:translateY(-100%) !important}@media screen and (min-width: 576px){.sm\:translate-x-0{transform:translateX(0%) !important}.sm\:translate-x-100{transform:translateX(100%) !important}.sm\:-translate-x-100{transform:translateX(-100%) !important}.sm\:translate-y-0{transform:translateY(0%) !important}.sm\:translate-y-100{transform:translateY(100%) !important}.sm\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 768px){.md\:translate-x-0{transform:translateX(0%) !important}.md\:translate-x-100{transform:translateX(100%) !important}.md\:-translate-x-100{transform:translateX(-100%) !important}.md\:translate-y-0{transform:translateY(0%) !important}.md\:translate-y-100{transform:translateY(100%) !important}.md\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 992px){.lg\:translate-x-0{transform:translateX(0%) !important}.lg\:translate-x-100{transform:translateX(100%) !important}.lg\:-translate-x-100{transform:translateX(-100%) !important}.lg\:translate-y-0{transform:translateY(0%) !important}.lg\:translate-y-100{transform:translateY(100%) !important}.lg\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 1200px){.xl\:translate-x-0{transform:translateX(0%) !important}.xl\:translate-x-100{transform:translateX(100%) !important}.xl\:-translate-x-100{transform:translateX(-100%) !important}.xl\:translate-y-0{transform:translateY(0%) !important}.xl\:translate-y-100{transform:translateY(100%) !important}.xl\:-translate-y-100{transform:translateY(-100%) !important}}.rotate-45{transform:rotate(45deg) !important}.-rotate-45{transform:rotate(-45deg) !important}.rotate-90{transform:rotate(90deg) !important}.-rotate-90{transform:rotate(-90deg) !important}.rotate-180{transform:rotate(180deg) !important}.-rotate-180{transform:rotate(-180deg) !important}@media screen and (min-width: 576px){.sm\:rotate-45{transform:rotate(45deg) !important}.sm\:-rotate-45{transform:rotate(-45deg) !important}.sm\:rotate-90{transform:rotate(90deg) !important}.sm\:-rotate-90{transform:rotate(-90deg) !important}.sm\:rotate-180{transform:rotate(180deg) !important}.sm\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 768px){.md\:rotate-45{transform:rotate(45deg) !important}.md\:-rotate-45{transform:rotate(-45deg) !important}.md\:rotate-90{transform:rotate(90deg) !important}.md\:-rotate-90{transform:rotate(-90deg) !important}.md\:rotate-180{transform:rotate(180deg) !important}.md\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 992px){.lg\:rotate-45{transform:rotate(45deg) !important}.lg\:-rotate-45{transform:rotate(-45deg) !important}.lg\:rotate-90{transform:rotate(90deg) !important}.lg\:-rotate-90{transform:rotate(-90deg) !important}.lg\:rotate-180{transform:rotate(180deg) !important}.lg\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 1200px){.xl\:rotate-45{transform:rotate(45deg) !important}.xl\:-rotate-45{transform:rotate(-45deg) !important}.xl\:rotate-90{transform:rotate(90deg) !important}.xl\:-rotate-90{transform:rotate(-90deg) !important}.xl\:rotate-180{transform:rotate(180deg) !important}.xl\:-rotate-180{transform:rotate(-180deg) !important}}.origin-center{transform-origin:center !important}.origin-top{transform-origin:top !important}.origin-top-right{transform-origin:top right !important}.origin-right{transform-origin:right !important}.origin-bottom-right{transform-origin:bottom right !important}.origin-bottom{transform-origin:bottom !important}.origin-bottom-left{transform-origin:bottom left !important}.origin-left{transform-origin:left !important}.origin-top-left{transform-origin:top-left !important}@media screen and (min-width: 576px){.sm\:origin-center{transform-origin:center !important}.sm\:origin-top{transform-origin:top !important}.sm\:origin-top-right{transform-origin:top right !important}.sm\:origin-right{transform-origin:right !important}.sm\:origin-bottom-right{transform-origin:bottom right !important}.sm\:origin-bottom{transform-origin:bottom !important}.sm\:origin-bottom-left{transform-origin:bottom left !important}.sm\:origin-left{transform-origin:left !important}.sm\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 768px){.md\:origin-center{transform-origin:center !important}.md\:origin-top{transform-origin:top !important}.md\:origin-top-right{transform-origin:top right !important}.md\:origin-right{transform-origin:right !important}.md\:origin-bottom-right{transform-origin:bottom right !important}.md\:origin-bottom{transform-origin:bottom !important}.md\:origin-bottom-left{transform-origin:bottom left !important}.md\:origin-left{transform-origin:left !important}.md\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 992px){.lg\:origin-center{transform-origin:center !important}.lg\:origin-top{transform-origin:top !important}.lg\:origin-top-right{transform-origin:top right !important}.lg\:origin-right{transform-origin:right !important}.lg\:origin-bottom-right{transform-origin:bottom right !important}.lg\:origin-bottom{transform-origin:bottom !important}.lg\:origin-bottom-left{transform-origin:bottom left !important}.lg\:origin-left{transform-origin:left !important}.lg\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 1200px){.xl\:origin-center{transform-origin:center !important}.xl\:origin-top{transform-origin:top !important}.xl\:origin-top-right{transform-origin:top right !important}.xl\:origin-right{transform-origin:right !important}.xl\:origin-bottom-right{transform-origin:bottom right !important}.xl\:origin-bottom{transform-origin:bottom !important}.xl\:origin-bottom-left{transform-origin:bottom left !important}.xl\:origin-left{transform-origin:left !important}.xl\:origin-top-left{transform-origin:top-left !important}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes scalein{0%{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:scaleY(1)}}@keyframes slidedown{0%{max-height:0}100%{max-height:auto}}@keyframes slideup{0%{max-height:1000px}100%{max-height:0}}@keyframes fadeinleft{0%{opacity:0;transform:translateX(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutleft{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(-100%)}}@keyframes fadeinright{0%{opacity:0;transform:translateX(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutright{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(100%)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutup{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(-100%)}}@keyframes fadeindown{0%{opacity:0;transform:translateY(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutdown{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(100%)}}@keyframes animate-width{0%{width:0}100%{width:100%}}.fadein{animation:fadein .15s linear}.fadeout{animation:fadeout .15s linear}.slidedown{animation:slidedown .45s ease-in-out}.slideup{animation:slideup .45s cubic-bezier(0, 1, 0, 1)}.scalein{animation:scalein .15s linear}.fadeinleft{animation:fadeinleft .15s linear}.fadeoutleft{animation:fadeoutleft .15s linear}.fadeinright{animation:fadeinright .15s linear}.fadeoutright{animation:fadeoutright .15s linear}.fadeinup{animation:fadeinup .15s linear}.fadeoutup{animation:fadeoutup .15s linear}.fadeindown{animation:fadeindown .15s linear}.fadeoutdown{animation:fadeoutdown .15s linear}.animate-width{animation:animate-width 1000ms linear}.animation-duration-100{animation-duration:100ms !important}.animation-duration-150{animation-duration:150ms !important}.animation-duration-200{animation-duration:200ms !important}.animation-duration-300{animation-duration:300ms !important}.animation-duration-400{animation-duration:400ms !important}.animation-duration-500{animation-duration:500ms !important}.animation-duration-1000{animation-duration:1000ms !important}.animation-duration-2000{animation-duration:2000ms !important}.animation-duration-3000{animation-duration:3000ms !important}.animation-delay-100{animation-delay:100ms !important}.animation-delay-150{animation-delay:150ms !important}.animation-delay-200{animation-delay:200ms !important}.animation-delay-300{animation-delay:300ms !important}.animation-delay-400{animation-delay:400ms !important}.animation-delay-500{animation-delay:500ms !important}.animation-delay-1000{animation-delay:1000ms !important}.animation-iteration-1{animation-iteration-count:1 !important}.animation-iteration-2{animation-iteration-count:2 !important}.animation-iteration-infinite{animation-iteration-count:infinite !important}.animation-linear{animation-timing-function:linear !important}.animation-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.animation-ease-out{animation-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.animation-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.animation-fill-none{animation-fill-mode:none !important}.animation-fill-forwards{animation-fill-mode:forwards !important}.animation-fill-backwards{animation-fill-mode:backwards !important}.animation-fill-both{animation-fill-mode:both !important} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/css/primeicons.css b/src/main/resources/META-INF/resources/css/primeicons.css new file mode 100644 index 0000000..397a28e --- /dev/null +++ b/src/main/resources/META-INF/resources/css/primeicons.css @@ -0,0 +1,1017 @@ +@font-face { + font-family: 'primeicons'; + font-display: block; + src: url("#{resource['freya-layout:icons/primeicons.eot']}"); + src: url("#{resource['freya-layout:icons/primeicons.eot']}#iefix") format('embedded-opentype'), + url("#{resource['freya-layout:icons/primeicons.ttf']}") format('truetype'), + url("#{resource['freya-layout:icons/primeicons.woff']}") format('woff'), + url("#{resource['freya-layout:icons/primeicons.svg']}#primeicons") format('svg'); + font-weight: normal; + font-style: normal; +} + +.pi { + font-family: 'primeicons'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.pi:before { + --webkit-backface-visibility:hidden; + backface-visibility: hidden; +} + +.pi-fw { + width: 1.28571429em; + text-align: center; +} + +.pi-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +.pi-sort-alt-slash:before { + content: "\e9ee"; +} + +.pi-arrows-h:before { + content: "\e9ec"; +} + +.pi-arrows-v:before { + content: "\e9ed"; +} + +.pi-pound:before { + content: "\e9eb"; +} + +.pi-prime:before { + content: "\e9ea"; +} + +.pi-chart-pie:before { + content: "\e9e9"; +} + +.pi-reddit:before { + content: "\e9e8"; +} + +.pi-code:before { + content: "\e9e7"; +} + +.pi-sync:before { + content: "\e9e6"; +} + +.pi-shopping-bag:before { + content: "\e9e5"; +} + +.pi-server:before { + content: "\e9e4"; +} + +.pi-database:before { + content: "\e9e3"; +} + +.pi-hashtag:before { + content: "\e9e2"; +} + +.pi-bookmark-fill:before { + content: "\e9df"; +} + +.pi-filter-fill:before { + content: "\e9e0"; +} + +.pi-heart-fill:before { + content: "\e9e1"; +} + +.pi-flag-fill:before { + content: "\e9de"; +} + +.pi-circle:before { + content: "\e9dc"; +} + +.pi-circle-fill:before { + content: "\e9dd"; +} + +.pi-bolt:before { + content: "\e9db"; +} + +.pi-history:before { + content: "\e9da"; +} + +.pi-box:before { + content: "\e9d9"; +} + +.pi-at:before { + content: "\e9d8"; +} + +.pi-arrow-up-right:before { + content: "\e9d4"; +} + +.pi-arrow-up-left:before { + content: "\e9d5"; +} + +.pi-arrow-down-left:before { + content: "\e9d6"; +} + +.pi-arrow-down-right:before { + content: "\e9d7"; +} + +.pi-telegram:before { + content: "\e9d3"; +} + +.pi-stop-circle:before { + content: "\e9d2"; +} + +.pi-stop:before { + content: "\e9d1"; +} + +.pi-whatsapp:before { + content: "\e9d0"; +} + +.pi-building:before { + content: "\e9cf"; +} + +.pi-qrcode:before { + content: "\e9ce"; +} + +.pi-car:before { + content: "\e9cd"; +} + +.pi-instagram:before { + content: "\e9cc"; +} + +.pi-linkedin:before { + content: "\e9cb"; +} + +.pi-send:before { + content: "\e9ca"; +} + +.pi-slack:before { + content: "\e9c9"; +} + +.pi-sun:before { + content: "\e9c8"; +} + +.pi-moon:before { + content: "\e9c7"; +} + +.pi-vimeo:before { + content: "\e9c6"; +} + +.pi-youtube:before { + content: "\e9c5"; +} + +.pi-flag:before { + content: "\e9c4"; +} + +.pi-wallet:before { + content: "\e9c3"; +} + +.pi-map:before { + content: "\e9c2"; +} + +.pi-link:before { + content: "\e9c1"; +} + +.pi-credit-card:before { + content: "\e9bf"; +} + +.pi-discord:before { + content: "\e9c0"; +} + +.pi-percentage:before { + content: "\e9be"; +} + +.pi-euro:before { + content: "\e9bd"; +} + +.pi-book:before { + content: "\e9ba"; +} + +.pi-shield:before { + content: "\e9b9"; +} + +.pi-paypal:before { + content: "\e9bb"; +} + +.pi-amazon:before { + content: "\e9bc"; +} + +.pi-phone:before { + content: "\e9b8"; +} + +.pi-filter-slash:before { + content: "\e9b7"; +} + +.pi-facebook:before { + content: "\e9b4"; +} + +.pi-github:before { + content: "\e9b5"; +} + +.pi-twitter:before { + content: "\e9b6"; +} + +.pi-step-backward-alt:before { + content: "\e9ac"; +} + +.pi-step-forward-alt:before { + content: "\e9ad"; +} + +.pi-forward:before { + content: "\e9ae"; +} + +.pi-backward:before { + content: "\e9af"; +} + +.pi-fast-backward:before { + content: "\e9b0"; +} + +.pi-fast-forward:before { + content: "\e9b1"; +} + +.pi-pause:before { + content: "\e9b2"; +} + +.pi-play:before { + content: "\e9b3"; +} + +.pi-compass:before { + content: "\e9ab"; +} + +.pi-id-card:before { + content: "\e9aa"; +} + +.pi-ticket:before { + content: "\e9a9"; +} + +.pi-file-o:before { + content: "\e9a8"; +} + +.pi-reply:before { + content: "\e9a7"; +} + +.pi-directions-alt:before { + content: "\e9a5"; +} + +.pi-directions:before { + content: "\e9a6"; +} + +.pi-thumbs-up:before { + content: "\e9a3"; +} + +.pi-thumbs-down:before { + content: "\e9a4"; +} + +.pi-sort-numeric-down-alt:before { + content: "\e996"; +} + +.pi-sort-numeric-up-alt:before { + content: "\e997"; +} + +.pi-sort-alpha-down-alt:before { + content: "\e998"; +} + +.pi-sort-alpha-up-alt:before { + content: "\e999"; +} + +.pi-sort-numeric-down:before { + content: "\e99a"; +} + +.pi-sort-numeric-up:before { + content: "\e99b"; +} + +.pi-sort-alpha-down:before { + content: "\e99c"; +} + +.pi-sort-alpha-up:before { + content: "\e99d"; +} + +.pi-sort-alt:before { + content: "\e99e"; +} + +.pi-sort-amount-up:before { + content: "\e99f"; +} + +.pi-sort-amount-down:before { + content: "\e9a0"; +} + +.pi-sort-amount-down-alt:before { + content: "\e9a1"; +} + +.pi-sort-amount-up-alt:before { + content: "\e9a2"; +} + +.pi-palette:before { + content: "\e995"; +} + +.pi-undo:before { + content: "\e994"; +} + +.pi-desktop:before { + content: "\e993"; +} + +.pi-sliders-v:before { + content: "\e991"; +} + +.pi-sliders-h:before { + content: "\e992"; +} + +.pi-search-plus:before { + content: "\e98f"; +} + +.pi-search-minus:before { + content: "\e990"; +} + +.pi-file-excel:before { + content: "\e98e"; +} + +.pi-file-pdf:before { + content: "\e98d"; +} + +.pi-check-square:before { + content: "\e98c"; +} + +.pi-chart-line:before { + content: "\e98b"; +} + +.pi-user-edit:before { + content: "\e98a"; +} + +.pi-exclamation-circle:before { + content: "\e989"; +} + +.pi-android:before { + content: "\e985"; +} + +.pi-google:before { + content: "\e986"; +} + +.pi-apple:before { + content: "\e987"; +} + +.pi-microsoft:before { + content: "\e988"; +} + +.pi-heart:before { + content: "\e984"; +} + +.pi-mobile:before { + content: "\e982"; +} + +.pi-tablet:before { + content: "\e983"; +} + +.pi-key:before { + content: "\e981"; +} + +.pi-shopping-cart:before { + content: "\e980"; +} + +.pi-comments:before { + content: "\e97e"; +} + +.pi-comment:before { + content: "\e97f"; +} + +.pi-briefcase:before { + content: "\e97d"; +} + +.pi-bell:before { + content: "\e97c"; +} + +.pi-paperclip:before { + content: "\e97b"; +} + +.pi-share-alt:before { + content: "\e97a"; +} + +.pi-envelope:before { + content: "\e979"; +} + +.pi-volume-down:before { + content: "\e976"; +} + +.pi-volume-up:before { + content: "\e977"; +} + +.pi-volume-off:before { + content: "\e978"; +} + +.pi-eject:before { + content: "\e975"; +} + +.pi-money-bill:before { + content: "\e974"; +} + +.pi-images:before { + content: "\e973"; +} + +.pi-image:before { + content: "\e972"; +} + +.pi-sign-in:before { + content: "\e970"; +} + +.pi-sign-out:before { + content: "\e971"; +} + +.pi-wifi:before { + content: "\e96f"; +} + +.pi-sitemap:before { + content: "\e96e"; +} + +.pi-chart-bar:before { + content: "\e96d"; +} + +.pi-camera:before { + content: "\e96c"; +} + +.pi-dollar:before { + content: "\e96b"; +} + +.pi-lock-open:before { + content: "\e96a"; +} + +.pi-table:before { + content: "\e969"; +} + +.pi-map-marker:before { + content: "\e968"; +} + +.pi-list:before { + content: "\e967"; +} + +.pi-eye-slash:before { + content: "\e965"; +} + +.pi-eye:before { + content: "\e966"; +} + +.pi-folder-open:before { + content: "\e964"; +} + +.pi-folder:before { + content: "\e963"; +} + +.pi-video:before { + content: "\e962"; +} + +.pi-inbox:before { + content: "\e961"; +} + +.pi-lock:before { + content: "\e95f"; +} + +.pi-unlock:before { + content: "\e960"; +} + +.pi-tags:before { + content: "\e95d"; +} + +.pi-tag:before { + content: "\e95e"; +} + +.pi-power-off:before { + content: "\e95c"; +} + +.pi-save:before { + content: "\e95b"; +} + +.pi-question-circle:before { + content: "\e959"; +} + +.pi-question:before { + content: "\e95a"; +} + +.pi-copy:before { + content: "\e957"; +} + +.pi-file:before { + content: "\e958"; +} + +.pi-clone:before { + content: "\e955"; +} + +.pi-calendar-times:before { + content: "\e952"; +} + +.pi-calendar-minus:before { + content: "\e953"; +} + +.pi-calendar-plus:before { + content: "\e954"; +} + +.pi-ellipsis-v:before { + content: "\e950"; +} + +.pi-ellipsis-h:before { + content: "\e951"; +} + +.pi-bookmark:before { + content: "\e94e"; +} + +.pi-globe:before { + content: "\e94f"; +} + +.pi-replay:before { + content: "\e94d"; +} + +.pi-filter:before { + content: "\e94c"; +} + +.pi-print:before { + content: "\e94b"; +} + +.pi-align-right:before { + content: "\e946"; +} + +.pi-align-left:before { + content: "\e947"; +} + +.pi-align-center:before { + content: "\e948"; +} + +.pi-align-justify:before { + content: "\e949"; +} + +.pi-cog:before { + content: "\e94a"; +} + +.pi-cloud-download:before { + content: "\e943"; +} + +.pi-cloud-upload:before { + content: "\e944"; +} + +.pi-cloud:before { + content: "\e945"; +} + +.pi-pencil:before { + content: "\e942"; +} + +.pi-users:before { + content: "\e941"; +} + +.pi-clock:before { + content: "\e940"; +} + +.pi-user-minus:before { + content: "\e93e"; +} + +.pi-user-plus:before { + content: "\e93f"; +} + +.pi-trash:before { + content: "\e93d"; +} + +.pi-external-link:before { + content: "\e93c"; +} + +.pi-window-maximize:before { + content: "\e93b"; +} + +.pi-window-minimize:before { + content: "\e93a"; +} + +.pi-refresh:before { + content: "\e938"; +} + +.pi-user:before { + content: "\e939"; +} + +.pi-exclamation-triangle:before { + content: "\e922"; +} + +.pi-calendar:before { + content: "\e927"; +} + +.pi-chevron-circle-left:before { + content: "\e928"; +} + +.pi-chevron-circle-down:before { + content: "\e929"; +} + +.pi-chevron-circle-right:before { + content: "\e92a"; +} + +.pi-chevron-circle-up:before { + content: "\e92b"; +} + +.pi-angle-double-down:before { + content: "\e92c"; +} + +.pi-angle-double-left:before { + content: "\e92d"; +} + +.pi-angle-double-right:before { + content: "\e92e"; +} + +.pi-angle-double-up:before { + content: "\e92f"; +} + +.pi-angle-down:before { + content: "\e930"; +} + +.pi-angle-left:before { + content: "\e931"; +} + +.pi-angle-right:before { + content: "\e932"; +} + +.pi-angle-up:before { + content: "\e933"; +} + +.pi-upload:before { + content: "\e934"; +} + +.pi-download:before { + content: "\e956"; +} + +.pi-ban:before { + content: "\e935"; +} + +.pi-star-fill:before { + content: "\e936"; +} + +.pi-star:before { + content: "\e937"; +} + +.pi-chevron-left:before { + content: "\e900"; +} + +.pi-chevron-right:before { + content: "\e901"; +} + +.pi-chevron-down:before { + content: "\e902"; +} + +.pi-chevron-up:before { + content: "\e903"; +} + +.pi-caret-left:before { + content: "\e904"; +} + +.pi-caret-right:before { + content: "\e905"; +} + +.pi-caret-down:before { + content: "\e906"; +} + +.pi-caret-up:before { + content: "\e907"; +} + +.pi-search:before { + content: "\e908"; +} + +.pi-check:before { + content: "\e909"; +} + +.pi-check-circle:before { + content: "\e90a"; +} + +.pi-times:before { + content: "\e90b"; +} + +.pi-times-circle:before { + content: "\e90c"; +} + +.pi-plus:before { + content: "\e90d"; +} + +.pi-plus-circle:before { + content: "\e90e"; +} + +.pi-minus:before { + content: "\e90f"; +} + +.pi-minus-circle:before { + content: "\e910"; +} + +.pi-circle-on:before { + content: "\e911"; +} + +.pi-circle-off:before { + content: "\e912"; +} + +.pi-sort-down:before { + content: "\e913"; +} + +.pi-sort-up:before { + content: "\e914"; +} + +.pi-sort:before { + content: "\e915"; +} + +.pi-step-backward:before { + content: "\e916"; +} + +.pi-step-forward:before { + content: "\e917"; +} + +.pi-th-large:before { + content: "\e918"; +} + +.pi-arrow-down:before { + content: "\e919"; +} + +.pi-arrow-left:before { + content: "\e91a"; +} + +.pi-arrow-right:before { + content: "\e91b"; +} + +.pi-arrow-up:before { + content: "\e91c"; +} + +.pi-bars:before { + content: "\e91d"; +} + +.pi-arrow-circle-down:before { + content: "\e91e"; +} + +.pi-arrow-circle-left:before { + content: "\e91f"; +} + +.pi-arrow-circle-right:before { + content: "\e920"; +} + +.pi-arrow-circle-up:before { + content: "\e921"; +} + +.pi-info:before { + content: "\e923"; +} + +.pi-info-circle:before { + content: "\e924"; +} + +.pi-home:before { + content: "\e925"; +} + +.pi-spinner:before { + content: "\e926"; +} diff --git a/src/main/resources/META-INF/resources/error/viewExpired.xhtml b/src/main/resources/META-INF/resources/error/viewExpired.xhtml new file mode 100644 index 0000000..99638d7 --- /dev/null +++ b/src/main/resources/META-INF/resources/error/viewExpired.xhtml @@ -0,0 +1,77 @@ + + + + + Session Expirée - UnionFlow + + + + +
+
+ +
+

Session Expirée

+

+ Votre session a expiré pour des raisons de sécurité.
+ Veuillez vous reconnecter pour continuer votre travail. +

+
+ + + + +
+
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.css b/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.css new file mode 100644 index 0000000..ca9fac2 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.css @@ -0,0 +1,4257 @@ +/* Add your customizations of the layout variables here */ +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + -webkit-animation-name: modal-in; + animation-name: modal-in; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 24px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #383838; + 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; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 14px; + font-weight: 400; + color: #EAEBEC; + padding: 0; + margin: 0; + min-height: 100%; + background-color: #3E4754; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +body.blocked-scroll { + overflow: auto; +} + +a { + text-decoration: none; + color: #669cee; + color: var(--primary-color); +} + +.ajax-loader { + font-size: 32px; + color: #387fe9; + color: var(--primary-color); +} + +.layout-main { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; + padding-top: 82px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-content { + padding: 30px 36px; + flex: 1 1 auto; +} + +@media (max-width: 991px) { + .layout-content { + padding: 32px 14px; + } +} +.layout-topbar-light .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #303A48; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #FFFFFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #f8fafc; + border: 1px solid #ebedef; + color: #669cee; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #669cee; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #293241; + opacity: 0.5; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: white; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #5d97ed; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #5d97ed; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #EAEBEC; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(56, 127, 233, 0.8); + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #BFC2C6; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #EAEBEC; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #BFC2C6; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #293241; + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.layout-topbar-dark .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #303A48; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #FFFFFF; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #293241; + box-shadow: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #333e51; + border: 1px solid #333e51; + color: #94baf3; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #94baf3; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #E9E9E9; + opacity: 0.5; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: #333e51; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #5d97ed; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #5d97ed; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(56, 127, 233, 0.8); + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #E9E9E9; + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.menu-wrapper { + height: 100%; + position: fixed; + top: 0; + z-index: 999; + left: 0; +} +.menu-wrapper .sidebar-logo { + height: 62px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: center; + align-items: center; + padding: 0 22px; + padding-right: 20px; +} +.menu-wrapper .sidebar-logo .sidebar-pin { + display: none; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; +} +.menu-wrapper .sidebar-logo img { + width: 17px; + height: 20px; + border: 0 none; +} +.menu-wrapper .layout-menu-container { + height: calc(100% - 62px); +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + max-width: 62px; + overflow: hidden; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a { + position: relative; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a::before { + content: ""; + width: 4px; + height: 12px; + display: block; + border-radius: 0px 3px 3px 0px; + position: absolute; + left: 0; +} +.menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + margin-left: 6px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 10px 0; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + font-size: 13px; + padding: 6px 20px; + user-select: none; + cursor: pointer; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > span { + margin: 0 8px; + margin-left: 14px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: hidden; + white-space: nowrap; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i { + font-size: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon i { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: none; + list-style-type: none; + overflow: hidden; + padding: 0; + margin: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > a { + padding: 10px 18px; + margin-left: 0px; + padding-right: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} + +@media (min-width: 992px) { + .layout-wrapper.layout-sidebar .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-sidebar .layout-main { + padding-left: 62px; + } + .layout-wrapper.layout-static .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo { + justify-content: space-between; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo img { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .app-name { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin { + display: inline-block; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; + border: 2px solid var(--primary-light-color); + background-color: #383838; + background-color: var(--primary-lighter-color); + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-static .layout-main { + padding-left: 230px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; + } + + .menu-wrapper.layout-sidebar-active { + transform: translate3d(0px, 0px, 0px); + } + .menu-wrapper.layout-sidebar-active .sidebar-logo { + justify-content: space-between; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo img { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .app-name { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin { + display: inline-block; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; + } + .menu-wrapper.layout-sidebar-active .layout-menu { + max-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li { + min-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li a { + padding-left: 20px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li a { + padding-left: 30px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .menu-wrapper.layout-sidebar-active .layout-menu-container { + overflow: auto; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 62px; + z-index: 1010; + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transform: translate3d(-230px, 0px, 0px); + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper .menu-wrapper .layout-menu-container .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu-container { + overflow: auto; + } + .layout-wrapper.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + display: block; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 0px; + width: 100%; + height: 62px; + position: relative; + } + .layout-wrapper.layout-horizontal .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + height: 100%; + display: flex; + align-items: center; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + max-width: 100%; + overflow: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + margin: 0 9px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a { + margin: 0px; + padding: 10px 5px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a:before { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > span { + margin: 0 8px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i { + font-size: 14px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + list-style-type: none; + top: 44px; + left: 0px; + width: 230px; + position: absolute; + padding: 10px; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 460px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + border: 0 none; + margin: 0; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button-wrapper .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-slim .menu-wrapper { + width: 62px; + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container { + padding: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu { + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + display: none; + padding: 0 0.412px; + position: absolute; + left: 72px; + top: 16px; + line-height: 1; + border-radius: 2px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + padding: 6px 8px; + font-weight: 500; + min-width: 75px; + white-space: nowrap; + text-align: center; + -webkit-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + -moz-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + top: 50%; + left: -4px; + margin-top: -5px; + border-width: 5px 5px 5px 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + padding: 10px 12px 10px 14px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin: 0px; + padding: 6px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + position: relative; + border: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:before { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a span { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + margin-right: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i.layout-submenu-toggler { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .menuitem-badge { + display: none; + margin-left: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip { + display: block; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + position: absolute; + top: 0; + left: 62px; + min-width: 250px; + max-height: 450px; + display: none; + padding: 10px; + overflow: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li { + margin: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + padding: 10px 5px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > span { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-slim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-slim .layout-main { + padding-left: 62px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #293241; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #293241; + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); +} +@media (min-width: 992px) { + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } +} +@media (max-width: 991px) { + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #ffffff; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #ffffff; + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); +} +@media (min-width: 992px) { + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } +} +@media (max-width: 991px) { + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 62px; + height: calc(100% - 62px); + padding: 0; + width: 418px; + overflow: auto; + background-color: #303A48; + transform: translate3d(418px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + padding: 22px 20px 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section { + padding: 16px 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header > h6 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + background-image: url("#{resource['demo:images/rightpanel/asset-weather.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + -moz-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + color: rgba(41, 50, 65, 0.8); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather > img { + height: 60px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info { + margin-left: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h6 { + margin: 0 0 2px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h1 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul { + padding: 0; + margin: 0; + list-style: none; + overflow: auto; + max-height: 320px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li { + padding: 16px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-color: #293241; + margin-bottom: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info h6 { + color: #FFFFFF; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info > span { + display: block; + font-weight: 500; + font-size: 14px; + line-height: 140%; + color: #BFC2C6; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done { + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done .task-info h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; + margin: -7px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + width: 80px; + height: 80px; + background-color: #293241; + margin: 7px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item:hover { + background-color: #3E4754; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + width: 80px; + height: 80px; + margin: 7px; + border: 1px dashed #383838; + color: #383838; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item:hover { + background-color: #3E4754; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section { + margin-top: 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + background-image: linear-gradient(180deg, #303A48 0%, rgba(234, 237, 243, 0) 100%); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + background-color: #293241; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #293241; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 576px) { + .layout-rightpanel { + width: 100%; + transform: translate3d(100%, 0px, 0px); + } +} +.layout-footer { + padding: 30px 36px; +} +.layout-footer .footer-menutitle { + color: #BFC2C6; + font-weight: 600; + font-size: 12px; + line-height: 14px; + min-height: 15px; + display: block; + margin-bottom: 9px; +} +.layout-footer .footer-subtitle { + font-weight: 500; + font-size: 14px; + display: block; + color: #BFC2C6; +} +.layout-footer ul { + padding: 0; + margin: 0; + list-style: none; +} +.layout-footer ul > li { + padding: 7px 0; +} +.layout-footer ul > li > a { + color: #EAEBEC; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer ul > li > a:hover { + color: #BFC2C6; +} +.layout-footer .newsletter-input { + margin-top: 16px; + background-color: #293241; + position: relative; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.layout-footer .newsletter-input > input { + width: 100%; + background-color: transparent; + border: none; + padding: 11px 16px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + font-size: 14px; + line-height: 200%; +} +.layout-footer .newsletter-input > button { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + position: absolute; + right: 6px; + top: 50%; + margin-top: -16px; +} +.layout-footer .newsletter-input > button > span { + display: block; + padding: 0; + width: 100%; + font-weight: 600; + font-size: 14px; +} +.layout-footer .footer-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .footer-bottom h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.layout-footer .footer-bottom h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + background: #293241; + padding: 20px; + box-sizing: border-box; + box-shadow: 0 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 16px; +} +.card .card-header h6 { + margin-bottom: 2px; +} +.card .card-header .subtitle { + font-weight: 600; + color: #BFC2C6; +} +.card .card-subtitle { + color: #BFC2C6; + font-weight: 600; + margin: -1rem 0 1rem 0; +} +.card.no-gutter { + margin-bottom: 0; +} + +.sr-only { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.ui-text-secondary { + color: #BFC2C6; +} + +.layout-wrapper .layout-ajax-loader { + position: absolute; + right: 15px; + bottom: 70px; +} +.layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon { + color: red; + font-size: 32px; +} + +.layout-dashboard .chart { + overflow: auto; + position: relative; +} +.layout-dashboard .mobile-teams { + display: none; +} + +@media (max-width: 1200px) { + .layout-dashboard .desktop-teams { + display: none; + } + .layout-dashboard .mobile-teams { + display: block; + } + .layout-dashboard .mobile-teams .team { + height: 100%; + flex-direction: column; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .layout-dashboard .mobile-teams .team .peoples { + margin: 12px -8px; + } +} +.overview-box { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: 24px; + height: 100%; + min-width: 200px; +} +.overview-box .overview-info > h6 { + margin: 0 0 2px; +} +.overview-box .overview-info > h1 { + margin: 0; +} +.overview-box > i { + font-size: 24px; +} +.overview-box.white { + background: #FFFFFF; + color: rgba(41, 50, 65, 0.8); +} +.overview-box.blue { + background: #69B7FF; + color: #FFFFFF; +} +.overview-box.gray { + background: rgba(41, 50, 65, 0.4); + color: #FFFFFF; +} +.overview-box.darkgray { + background: rgba(41, 50, 65, 0.8); + color: #FFFFFF; +} +.overview-box.orange { + background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%); + color: #FFFFFF; +} + +.timeline { + padding-right: 4px; +} +.timeline > ul { + padding: 0; + margin: 0; + list-style: none; + max-height: 372px; + overflow: auto; + margin-bottom: 1em; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; +} +.timeline > ul > li > i { + font-size: 8px; + margin-right: 10px; + margin-top: 4px; +} +.timeline > ul > li .event-content span { + display: block; + margin-bottom: 4px; + font-weight: 600; + font-size: 12px; + color: #BFC2C6; +} +.timeline > ul > li .event-content span.event-title { + color: #FFFFFF; +} +.timeline > ul > li .event-content span.time { + font-size: 10px; + font-weight: 400; + color: #BFC2C6; +} +.timeline > ul > li.blue > i { + color: #297FFF; +} +.timeline > ul > li.green > i { + color: #34B56F; +} +.timeline > ul > li.orange > i { + color: #FFA928; +} + +.device-status .content { + color: #BFC2C6; + line-height: 1.4; + margin-bottom: 20px; +} +.device-status .progress { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 10px 0; + color: #BFC2C6; +} +.device-status .progress > span { + min-width: 40px; +} +.device-status .progress .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress .ui-progressbar .ui-progressbar-value { + background: rgba(41, 127, 255, 0.2); + background: var(--primary-color); + opacity: 0.8; + border-radius: 24px; +} +.device-status .progress.active .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress.active .ui-progressbar .ui-progressbar-value { + background: linear-gradient(270deg, #42BBFF 0%, #6129FF 100%); + background: linear-gradient(270deg, var(--primary-lighter-color) 0%, var(--primary-color) 100%); + opacity: 0.8; +} +.device-status .device { + margin-bottom: 16px; +} +.device-status .device span { + color: #387fe9; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.device-status .device span > span { + font-size: 8px; + font-weight: normal; +} +.device-status .device span.status { + font-size: 12px; + color: #BFC2C6; + margin-top: 4px; + display: block; +} + +.team { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.team .card-header { + padding: 0; + min-width: 70px; +} +.team .peoples { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; +} +.team .peoples > img { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; +} +.team .peoples .no-picture { + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; + background: rgba(41, 50, 65, 0.1); + color: #EAEBEC; + font-size: 12px; + -moz-transition: background 0.2s; + -o-transition: background 0.2s; + -webkit-transition: background 0.2s; + transition: background 0.2s; +} +.team .peoples .no-picture:hover { + background: rgba(41, 50, 65, 0.2); +} + +.map { + padding: 0; +} +.map > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.map .map-content { + padding: 50px 20px 28px; +} +.map .map-content h6 { + margin: 0 0 16px; +} +.map .map-content .city { + margin-bottom: 16px; +} +.map .map-content .city span { + color: #387fe9; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.map .map-content .city span > span { + font-size: 8px; + font-weight: normal; +} +.map .map-content .city span.status { + font-size: 12px; + color: #BFC2C6; + margin-top: 4px; + display: block; +} + +.schedule > p { + color: #BFC2C6; +} +.schedule > ul { + list-style: none; + padding: 0; + margin: 0; +} +.schedule > ul > li { + background: #3E4754; + border-radius: 8px; + margin-bottom: 10px; + padding: 5px 16px 12px; +} +.schedule > ul > li .schedule-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.schedule > ul > li .schedule-header h6 { + line-height: 24px; + margin: 0; +} +.schedule > ul > li .schedule-header span { + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.schedule > ul > li > span { + margin-top: 4px; + color: #BFC2C6; + display: block; + font-size: 12px; + line-height: 14px; +} + +.statistics .statistic-item .item-title { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 4px; +} +.statistics .statistic-item .item-title span { + display: block; + margin-right: 12px; +} +.statistics .statistic-item .item-title h5 { + margin: 0; + font-weight: 700; +} +.statistics .statistic-item h6 { + margin: 0; + font-weight: 600; + color: #BFC2C6; +} + +.stocks ul { + list-style: none; + padding: 0; + margin: 0; +} +.stocks ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #303A48; + padding: 0; + margin: 0 0 12px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + overflow: hidden; +} +.stocks ul > li .stock-name { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #374250; + padding: 18px 10px; + min-width: 70px; + margin-right: 4px; +} +.stocks ul > li .stock-name h6 { + margin: 0; + color: #EAEBEC; + line-height: 17px; + font-weight: 600; +} +.stocks ul > li > img { + margin: 0 4px; + height: 25px; +} +.stocks ul > li .stock-price { + padding: 0 10px; + color: #34B56F; + margin: 0 4px; +} +.stocks ul > li .stock-price h6 { + line-height: 17px; + font-weight: 600; + display: inline-block; +} +.stocks ul > li .stock-price i { + display: inline-block; +} +.stocks ul > li .stock-status { + margin-left: 4px; + padding: 0 20px; +} +.stocks ul > li .stock-status span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 12px; + color: #BFC2C6; +} +.stocks ul > li.down .stock-price { + color: #FF6E49; +} +.stocks ul > li.same .stock-price { + color: #FFA928; +} +.stocks > .ui-button { + width: 100%; + margin-top: 30px; +} + +.operations { + overflow: auto; + position: relative; +} +.operations .insights { + padding: 16px 15px; + background-color: rgba(41, 127, 255, 0.04); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + margin: 12px 0 16px; +} +.operations .insights .insight-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; +} +.operations .insights .insight-header h6 { + margin: 0 6px; +} +.operations .insights > ul { + list-style: none; + padding: 0; + margin: 0; +} +.operations .insights > ul > li { + margin: 8px 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + color: #BFC2C6; +} +.operations .insights > ul > li span { + font-weight: 600; +} +.operations .insights > ul > li span > span { + font-size: 8px; + line-height: 10px; + font-weight: normal; +} +.operations > button { + width: 100%; +} + +.notification { + padding: 30px 24px; + background-color: #293241; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.notification > h6 { + margin: 0; + color: #EAEBEC; +} +.notification > h6 > a { + margin-left: 10px; +} +.notification > h6 > a i { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav { + background-color: transparent; + margin: 0 -10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav:before { + display: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header { + padding: 9px 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin: 0 10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a { + position: relative; + width: 52px; + height: 52px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #D0D6DD; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + color: #387fe9; + color: var(--primary-color); + border: 0 none; + overflow: visible; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a img { + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a .ui-badge { + position: absolute; + bottom: -5px; + right: -5px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active { + padding: 0 0 9px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active a { + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.16), 0px 1px 2px rgba(41, 50, 65, 0.04), 0px 6px 12px rgba(41, 50, 65, 0.24); + border: 0 none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:before { + content: ""; + width: 12px; + height: 2px; + background: #387fe9; + background: var(--primary-color); + border-radius: 3px; + position: absolute; + bottom: -10px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-hover { + border: none; + padding: 0 0 9px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels { + background-color: transparent; + border: none; + padding: 16px 0 0; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + padding: 0; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 44px; + background-image: linear-gradient(180deg, #293241 0%, rgba(234, 237, 243, 0) 100%); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; + overflow: auto; + padding: 30px 6px 12px; + flex: 1 1 auto; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message { + display: -ms-flexbox; + display: flex; + flex-direction: column; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .name { + display: block; + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + max-width: 250px; + padding: 8px 10px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + background-color: #303A48; + margin-bottom: 8px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message p { + padding: 0; + margin: 0 0 2px; + color: #EAEBEC; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 14px; + color: #BFC2C6; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send { + -ms-flex-align: end; + align-items: flex-end; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send .message span { + text-align: right; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message h4 { + color: #BFC2C6; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + flex: 1 1 auto; + max-height: 400px; + overflow: auto; + padding: 0px 0 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul { + padding: 0; + margin: 0; + list-style: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 6px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + cursor: pointer; + padding: 8px 10px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li img { + margin-right: 12px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li h6 { + margin: 0 0 2px; + color: #EAEBEC; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li span { + display: block; + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #303A48; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input { + margin-top: 30px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 100%; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 20px 19px; + background-color: #3E4754; + border: none; +} + +.image-card { + padding: 0; + position: relative; +} +.image-card > span { + position: absolute; + right: 20px; + top: 20px; +} +.image-card > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.image-card .image-content { + padding: 32px 20px 28px; +} +.image-card .image-content h6 { + margin: 0 0 8px; +} +.image-card .image-content > p { + color: #BFC2C6; +} +.image-card .image-content > button { + margin-top: 32px; + width: 100%; +} + +.login-body { + background: #FFFFFF; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; + height: 100vh; +} +.login-body .login-wrapper .login-panel { + width: 30%; + height: 100%; + text-align: center; + padding: 40px 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 100%; +} +.login-body .login-wrapper .login-panel .logo { + margin-bottom: 50px; +} +.login-body .login-wrapper .login-panel .logo img { + width: 45px; + height: 53px; +} +.login-body .login-wrapper .login-panel > a { + font-weight: 500; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > p { + font-weight: 500; + margin: 0; + color: rgba(41, 50, 65, 0.5); + margin-top: 40px; +} +.login-body .login-wrapper .login-panel > p > a { + color: #387fe9; + cursor: pointer; +} +.login-body .login-wrapper .login-panel > input { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + background-color: #F6F7F7; + border: 1.2px solid #D4D6D9; + color: #515C66; + padding: 12px 10px; +} +.login-body .login-wrapper .login-panel > input::placeholder { + color: gba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > button { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + padding: 0; +} +.login-body .login-wrapper .login-panel > button > span { + padding: 15px 20px; + display: block; + font-weight: 600; + font-size: 14px; + line-height: 16px; +} +.login-body .login-wrapper .login-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.login-body .login-wrapper .login-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.login-body .login-wrapper .login-footer h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +.exception-body .exception-topbar { + height: 62px; + background-color: #293241; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0 16px; +} +.exception-body .exception-topbar .layout-topbar-logo > img { + height: 15px; +} +.exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body .exception-wrapper .exception-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 auto; +} +.exception-body .exception-wrapper .exception-content > span { + font-weight: normal; + font-size: 60px; + line-height: 73px; + text-align: center; + display: block; +} +.exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.exception-body .exception-wrapper .exception-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.exception-body .exception-wrapper .exception-footer h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} +.exception-body.notfound .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body.notfound .exception-wrapper .exception-content { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + flex: 1 1 auto; +} +.exception-body.notfound .exception-wrapper .exception-content img { + width: 332px; + height: 271px; + margin-bottom: -150px; +} +.exception-body.notfound .exception-wrapper .exception-content > span { + font-size: 140px; + line-height: 171px; +} +.exception-body.notfound .exception-wrapper .exception-content > span.exception-subtitle { + font-weight: 500; + font-size: 14px; + line-height: 17px; + color: #BFC2C6; +} +.exception-body.notfound .exception-wrapper .exception-content > button { + padding: 0; + margin-top: 20px; + width: 155px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.exception-body.notfound .exception-wrapper .exception-content > button > span { + padding: 18px; + font-weight: 600; +} + +@media (max-width: 991px) { + .exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); + } + .exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + } +} +.landing-body { + background-color: #E5E5E5; +} +.landing-body .landing-topbar { + height: 83px; + background-color: #FFFFFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + z-index: 999; + padding: 20px 40px; + position: relative; +} +.landing-body .landing-topbar .landing-topbar-left { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-body .landing-topbar .landing-topbar-left .logo { + margin-right: 40px; +} +.landing-body .landing-topbar .landing-topbar-left .logo img { + height: 16px; + width: auto; +} +.landing-body .landing-topbar .landing-topbar-left > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li #landing-menu-close { + display: none; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a { + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin: 0 10px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a:hover { + color: #387fe9; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton { + margin-right: 20px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton:hover { + color: #387fe9; +} +.landing-body .landing-topbar .landing-topbar-right .landing-button span { + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button i { + font-size: 20px; +} +.landing-body .landing-button { + background: linear-gradient(108.43deg, #297FFF 12.5%, #7A0EE7 96.32%); + border: none; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-body .landing-button.ui-button { + padding: 0; +} +.landing-body .landing-button.ui-button > .ui-button-text { + padding: 14px 10px; + min-width: 121px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button > a .ui-button-text { + padding: 14px 10px; + min-width: 87px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button:hover { + background: linear-gradient(108.43deg, #2f79e7 12.5%, #781cd4 96.32%); +} +.landing-body .landing-banner { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 303px 30px 218px; + position: relative; + transform-style: inherit; + background: url("#{resource['freya-layout:images/pages/asset-landing-header.jpg']}"); + background-size: cover; + height: 80vh; +} +.landing-body .landing-banner .landing-banner-content { + text-align: center; + position: relative; +} +.landing-body .landing-banner .landing-banner-content .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: #FFFFFF; +} +.landing-body .landing-banner .landing-banner-content h3 { + margin: 40px 0 30px; + color: #FFFFFF; + font-weight: 500; + line-height: 29px; +} +.landing-body .section-header { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +.landing-body .section-header .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .section-header h3 { + margin: 15px 0 100px; + color: rgba(41, 50, 65, 0.9); + font-weight: 500; + line-height: 29px; + max-width: 800px; +} +.landing-body .landing-features { + background-color: #FFFFFF; + position: relative; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; + padding: 36px 6% 125px; +} +.landing-body .landing-features .lg\:col-3 { + transition: transform 250ms linear; + -webkit-transition: transform 250ms linear; +} +.landing-body .landing-features .feature { + display: -ms-flexbox; + display: flex; +} +.landing-body .landing-features .feature > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-top: 30px; + margin-right: 12px; +} +.landing-body .landing-features .feature .feature-card { + -moz-border-radius: 36px; + -webkit-border-radius: 36px; + border-radius: 36px; + padding: 28px 30px; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.landing-body .landing-features .feature .feature-card > span { + display: none; +} +.landing-body .landing-features .feature .feature-card h3 { + font-weight: 500; + line-height: 36px; + margin: 0 0 20px; + color: rgba(41, 50, 65, 0.8); +} +.landing-body .landing-features .feature .feature-card h5 { + margin: 0; + font-weight: normal; + line-height: 150%; + color: rgba(41, 50, 65, 0.9); + opacity: 0.8; +} +.landing-body .landing-features .feature.yellow .feature-card { + padding-bottom: 128px; + background: linear-gradient(197.55deg, #FFD37D -1.02%, #FFDB7D 46.53%); +} +.landing-body .landing-features .feature.blue .feature-card { + padding-bottom: 67px; + background: linear-gradient(156.18deg, #DAF4FF 38.02%, #CEDFFF 95.69%); +} +.landing-body .landing-features .feature.darker-blue .feature-card { + padding-bottom: 164px; + background: linear-gradient(165.84deg, #C1E9FF 42.24%, rgba(219, 242, 255, 0.23) 97.17%); +} +.landing-body .landing-features .feature.darker-gray .feature-card { + padding-bottom: 109px; + background: linear-gradient(176.91deg, rgba(41, 50, 65, 0.6) 50%, rgba(41, 50, 65, 0.282) 115.03%); +} +.landing-body .landing-features .feature.darker-gray .feature-card h3 { + color: #FFFFFF; +} +.landing-body .landing-features .feature.darker-gray .feature-card h5 { + color: #FFFFFF; + opacity: 0.8; +} +.landing-body .landing-features .feature.gray .feature-card { + padding-bottom: 50px; + background: linear-gradient(11.49deg, rgba(41, 50, 65, 0.1) 60.37%, rgba(41, 50, 65, 0.026) 98.03%); +} +.landing-body .landing-pricing { + background-color: #FFFFFF; + position: relative; + padding: 125px 15% 260px; + text-align: center; +} +.landing-body .landing-pricing .pricing-card { + background: #FFFFFF; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 30px 20px 33px; + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; + position: relative; + margin-bottom: 60px; +} +.landing-body .landing-pricing .pricing-card .preferred-tag { + padding: 14px 24px; + background: linear-gradient(112.58deg, #FFD029 22.19%, #F1AF60 100%); + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + transform: rotate(-7.18deg); + position: absolute; + top: -32px; + color: #FFFFFF; + font-weight: bold; + font-size: 20px; + line-height: 24px; +} +.landing-body .landing-pricing .pricing-card h2 { + margin: 0 0 14px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .landing-pricing .pricing-card .price { + display: block; + color: #2170E7; + font-weight: bold; + font-size: 80px; + line-height: 95px; +} +.landing-body .landing-pricing .pricing-card .time { + color: rgba(41, 50, 65, 0.5); + font-size: 12px; + line-height: 14px; + display: block; + margin-bottom: 32px; +} +.landing-body .landing-pricing .pricing-card > ul { + padding: 42px 0 0; + width: 100%; + margin: 0; + list-style: none; + border-top: 1px solid rgba(41, 50, 65, 0.1); +} +.landing-body .landing-pricing .pricing-card > ul > li { + font-size: 16px; + line-height: 205.34%; + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-pricing .pricing-card.pro { + background: linear-gradient(333.31deg, #EFF3FB 6.36%, #FFFFFF 72.79%); +} +.landing-body .landing-pricing .pricing-card.enterprise { + background: linear-gradient(156.19deg, rgba(41, 50, 65, 0.8) 10.28%, rgba(35, 40, 49, 0.496) 87.74%); +} +.landing-body .landing-pricing .pricing-card.enterprise h2 { + margin: 0 0 14px; + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .price { + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .time { + color: #FFFFFF; + opacity: 0.6; +} +.landing-body .landing-pricing .pricing-card.enterprise > ul { + border-top: 1px solid rgba(255, 255, 255, 0.2); +} +.landing-body .landing-pricing .pricing-card.enterprise > ul > li { + color: #FFFFFF; +} +.landing-body .landing-pricing > a { + font-size: 24px; + line-height: 29px; + display: block; +} +.landing-body .layout-footer { + background-color: #FFFFFF; + position: relative; +} +.landing-body .layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.2); +} +.landing-body .layout-footer .footer-subtitle { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer ul > li { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer .newsletter-input { + background-color: rgba(41, 50, 65, 0.04); +} +.landing-body .layout-footer .footer-bottom { + color: rgba(41, 50, 65, 0.7); +} +.landing-body .layout-footer .footer-bottom h6 { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-mask { + display: none; + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.2); + z-index: 998; +} + +@media (max-width: 991px) { + .landing-body.block-scroll { + overflow: hidden; + } + .landing-body.block-scroll .landing-wrapper .landing-mask { + display: block; + } + .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu { + transform: translate3d(0px, 0px, 0px); + } + .landing-body .landing-wrapper .landing-topbar { + padding: 0 13px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu { + position: fixed; + flex-direction: column; + -ms-flex-align: end; + align-items: flex-end; + right: 0; + top: 0; + padding: 28px 15px; + z-index: 999; + width: 220px; + height: 100%; + background-color: #EEF5FF; + box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08); + transform: translate3d(260px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li { + margin: 0; + width: 100%; + margin-bottom: 12px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a { + padding: 6px 16px; + font-size: 14px; + text-align: right; + background-color: #EEF5FF; + display: block; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: rgba(41, 50, 65, 0.9); + font-size: 20px; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .second-menubutton { + display: none; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .landing-button { + margin-right: 20px; + } + .landing-body .landing-wrapper .landing-banner { + background-position: top; + padding: 80px 23px; + -ms-flex-pack: start; + justify-content: flex-start; + height: auto; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: left; + max-width: 262px; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > span { + font-size: 60px; + line-height: 91.84%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-features { + padding: 36px 20px 30px; + } + .landing-body .landing-wrapper .landing-features .lg\:col-3 { + transform: translateY(0) !important; + margin-top: auto !important; + } + .landing-body .landing-wrapper .landing-features .feature-empty { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature-3 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature-4 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature > span { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card { + padding-bottom: 28px !important; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-right: 12px; + margin-top: 8px; + display: block; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card > span { + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card > span { + color: #FFFFFF; + float: right; + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .section-header .title { + font-size: 60px; + line-height: 72px; + } + .landing-body .landing-wrapper .section-header h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 30px 20px 97px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card { + margin-bottom: 20px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card > ul { + display: none; + } + .landing-body .landing-wrapper .landing-pricing .preferred { + order: -1 !important; + } + .landing-body .landing-wrapper .landing-pricing .preferred .pricing-card > ul { + display: block; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background-image: url("#{resource['freya-layout:images/pages/search.png']}"); + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h3 { + color: #EAEBEC; + font-weight: 500; +} +.help-page .help-search .search-container { + font-size: 1rem; + padding: 1rem; + position: relative; +} +.help-page .help-search .search-container input { + appearance: none; + font-size: 1rem; + text-indent: 2rem; + padding: 1rem; + width: 100%; +} +.help-page .help-search .search-container i { + width: 1rem; + position: absolute; + margin-left: 1rem; + top: 50%; + margin-top: -0.5rem; +} +.help-page .status-bars { + margin-top: 1rem; + display: -ms-flexbox; + display: flex; +} +.help-page .status-bars .status-bar { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: #6EC180; + height: 50px; + margin-right: 0.25rem; + transition: transform 0.2s; +} +.help-page .status-bars .status-bar:last-child { + margin-right: 0; +} +.help-page .status-bars .status-bar.status-bar-failure { + background: #FF6E49; +} +.help-page .status-bars .status-bar:hover { + transform: scale(1.1); +} +.help-page .status-bar-footer { + padding: 1rem 0 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.help-page .blog-post { + border-radius: 4px; + padding: 20px; + margin: 3rem 2rem; + border: 1px solid #383838; + background-color: #293241; + position: relative; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.help-page .blog-post:last-child { + margin-bottom: 1rem; +} +.help-page .blog-post img { + width: 100%; + position: absolute; + left: 0; + top: 0; +} +.help-page .blog-post .blog-text h1 { + color: #EAEBEC; + margin-bottom: 1rem; + font-weight: 500; +} +.help-page .blog-post .blog-text span { + color: #BFC2C6; + line-height: 1.4; +} +.help-page .blog-post .blog-profile { + position: absolute; + top: -25px; + left: -25px; +} +.help-page .blog-post .blog-profile img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + height: 50px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 500; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; + font-weight: 300; +} +.invoice .invoice-details { + width: 15rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.invoice .invoice-details > div { + width: 50%; + margin-bottom: 0.5rem; +} +.invoice .invoice-details .invoice-label { + text-align: left; + font-weight: 500; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #3E4754; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 500; + margin-bottom: 0.5rem; +} +.invoice .invoice-to .invoice-to-info div { + margin-bottom: 0.5rem; +} +.invoice .invoice-items { + margin-top: 2rem; + padding-top: 2rem; +} +.invoice .invoice-items table { + width: 100%; + border-collapse: collapse; +} +.invoice .invoice-items table tr { + border-bottom: 1px solid #3E4754; +} +.invoice .invoice-items table th { + font-weight: 500; +} +.invoice .invoice-items table th, .invoice .invoice-items table td { + padding: 1rem; + text-align: right; +} +.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child { + text-align: left; +} +.invoice .invoice-summary { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 2.5rem; + padding-top: 2.5rem; +} +.invoice .invoice-summary .invoice-value { + font-weight: 500; +} + +@media print { + body * { + visibility: hidden; + } + + #invoice-content * { + visibility: visible; + } + + #invoice-content { + width: 100%; + position: absolute; + left: 0; + top: 0; + padding: 0; + margin: 0; + background: #ffffff; + color: rgba(41, 50, 65, 0.8); + } + + .invoice .invoice-to { + border-top: 1px solid #F2F4F6; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; + } +} +.layout-config { + width: 16rem; + height: 100%; + position: fixed; + right: 0; + top: 0; + padding: 1rem; + overflow: auto; + background: #1e1e1e; + z-index: 999; + border-left: 1px solid #383838; + transform: translateX(100%); + transition: transform 0.2s cubic-bezier(0.05, 0.74, 0.2, 0.99); +} +.layout-config.layout-config-active { + transform: translateX(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); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + transform: rotate(360deg); +} +.layout-config .ui-selectoneradio td { + padding: 0.5rem; +} +.layout-config p { + line-height: 1.5rem; + color: rgba(255, 255, 255, 0.6); +} +.layout-config .layout-themes { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.layout-config .layout-themes > div { + padding: 0.25rem; +} +.layout-config .layout-themes a { + width: 2rem; + height: 2rem; + border-radius: 24px; + display: block; + position: relative; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + transition: transform 0.2s; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} +.layout-config .layout-themes a i { + font-size: 1rem; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +.layout-config .layout-themes a:hover { + transform: scale(1.1); +} + +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: #90CAF9; + color: #121212; + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; + transition: background-color 0.2s; + 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: #a8d6fa; +} + +/* Add your customizations of the layout styles here */ +.layout-wrapper .layout-rightpanel .rightpanel-wrapper { + position: relative; + height: 100%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header { + text-align: center; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header .profile { + padding: 12px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions { + padding: 12px 6px 36px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .col-6, .layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .md\:col-4 { + padding: 0.2em; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav { + background-color: #384454; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header { + padding: 1rem; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + font-size: 12px; + font-weight: 500; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header > span { + font-size: 10px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background-color: #303A48; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels { + background-color: #384454; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + width: 80%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 105px; + margin-right: 7px; +} diff --git a/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.scss b/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.scss new file mode 100644 index 0000000..1a4faa1 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/css/layout-dark.scss @@ -0,0 +1,5 @@ +$primaryColor:lighten(#2170E7, 5%); +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_dark'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/freya-layout/css/layout-light.css b/src/main/resources/META-INF/resources/freya-layout/css/layout-light.css new file mode 100644 index 0000000..258f85f --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/css/layout-light.css @@ -0,0 +1,4257 @@ +/* Add your customizations of the layout variables here */ +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + -webkit-animation-name: modal-in; + animation-name: modal-in; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 24px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #dee2e6; + 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; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 14px; + font-weight: 400; + color: rgba(41, 50, 65, 0.8); + padding: 0; + margin: 0; + min-height: 100%; + background-color: #F2F4F6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +body.blocked-scroll { + overflow: auto; +} + +a { + text-decoration: none; + color: #4f8eec; + color: var(--primary-color); +} + +.ajax-loader { + font-size: 32px; + color: #2170E7; + color: var(--primary-color); +} + +.layout-main { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; + padding-top: 82px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-content { + padding: 30px 36px; + flex: 1 1 auto; +} + +@media (max-width: 991px) { + .layout-content { + padding: 32px 14px; + } +} +.layout-topbar-light .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #F7FAFF; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #3E4754; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #f8fafc; + border: 1px solid #ebedef; + color: #4f8eec; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #4f8eec; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #293241; + opacity: 0.5; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: white; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #4688eb; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #4688eb; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: rgba(41, 50, 65, 0.8); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(33, 112, 231, 0.8); + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: rgba(41, 50, 65, 0.5); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: rgba(41, 50, 65, 0.8); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(41, 50, 65, 0.5); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #293241; + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.layout-topbar-dark .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #F7FAFF; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #3E4754; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #293241; + box-shadow: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #333e51; + border: 1px solid #333e51; + color: #7dabf1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #7dabf1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #E9E9E9; + opacity: 0.5; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: #333e51; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #4688eb; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #4688eb; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(33, 112, 231, 0.8); + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #E9E9E9; + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.menu-wrapper { + height: 100%; + position: fixed; + top: 0; + z-index: 999; + left: 0; +} +.menu-wrapper .sidebar-logo { + height: 62px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: center; + align-items: center; + padding: 0 22px; + padding-right: 20px; +} +.menu-wrapper .sidebar-logo .sidebar-pin { + display: none; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; +} +.menu-wrapper .sidebar-logo img { + width: 17px; + height: 20px; + border: 0 none; +} +.menu-wrapper .layout-menu-container { + height: calc(100% - 62px); +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + max-width: 62px; + overflow: hidden; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a { + position: relative; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a::before { + content: ""; + width: 4px; + height: 12px; + display: block; + border-radius: 0px 3px 3px 0px; + position: absolute; + left: 0; +} +.menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + margin-left: 6px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 10px 0; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + font-size: 13px; + padding: 6px 20px; + user-select: none; + cursor: pointer; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > span { + margin: 0 8px; + margin-left: 14px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: hidden; + white-space: nowrap; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i { + font-size: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon i { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: none; + list-style-type: none; + overflow: hidden; + padding: 0; + margin: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > a { + padding: 10px 18px; + margin-left: 0px; + padding-right: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} + +@media (min-width: 992px) { + .layout-wrapper.layout-sidebar .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-sidebar .layout-main { + padding-left: 62px; + } + .layout-wrapper.layout-static .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo { + justify-content: space-between; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo img { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .app-name { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin { + display: inline-block; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; + border: 2px solid var(--primary-light-color); + background-color: #dee2e6; + background-color: var(--primary-lighter-color); + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-static .layout-main { + padding-left: 230px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; + } + + .menu-wrapper.layout-sidebar-active { + transform: translate3d(0px, 0px, 0px); + } + .menu-wrapper.layout-sidebar-active .sidebar-logo { + justify-content: space-between; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo img { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .app-name { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin { + display: inline-block; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; + } + .menu-wrapper.layout-sidebar-active .layout-menu { + max-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li { + min-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li a { + padding-left: 20px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li a { + padding-left: 30px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .menu-wrapper.layout-sidebar-active .layout-menu-container { + overflow: auto; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 62px; + z-index: 1010; + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transform: translate3d(-230px, 0px, 0px); + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper .menu-wrapper .layout-menu-container .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu-container { + overflow: auto; + } + .layout-wrapper.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + display: block; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 0px; + width: 100%; + height: 62px; + position: relative; + } + .layout-wrapper.layout-horizontal .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + height: 100%; + display: flex; + align-items: center; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + max-width: 100%; + overflow: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + margin: 0 9px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a { + margin: 0px; + padding: 10px 5px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a:before { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > span { + margin: 0 8px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i { + font-size: 14px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + list-style-type: none; + top: 44px; + left: 0px; + width: 230px; + position: absolute; + padding: 10px; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 460px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + border: 0 none; + margin: 0; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button-wrapper .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-slim .menu-wrapper { + width: 62px; + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container { + padding: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu { + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + display: none; + padding: 0 0.412px; + position: absolute; + left: 72px; + top: 16px; + line-height: 1; + border-radius: 2px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + padding: 6px 8px; + font-weight: 500; + min-width: 75px; + white-space: nowrap; + text-align: center; + -webkit-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + -moz-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + top: 50%; + left: -4px; + margin-top: -5px; + border-width: 5px 5px 5px 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + padding: 10px 12px 10px 14px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin: 0px; + padding: 6px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + position: relative; + border: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:before { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a span { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + margin-right: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i.layout-submenu-toggler { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .menuitem-badge { + display: none; + margin-left: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip { + display: block; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + position: absolute; + top: 0; + left: 62px; + min-width: 250px; + max-height: 450px; + display: none; + padding: 10px; + overflow: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li { + margin: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + padding: 10px 5px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > span { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-slim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-slim .layout-main { + padding-left: 62px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #293241; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #293241; + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); +} +@media (min-width: 992px) { + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } +} +@media (max-width: 991px) { + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #ffffff; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #ffffff; + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); +} +@media (min-width: 992px) { + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } +} +@media (max-width: 991px) { + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 62px; + height: calc(100% - 62px); + padding: 0; + width: 418px; + overflow: auto; + background-color: #F7FAFF; + transform: translate3d(418px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + padding: 22px 20px 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section { + padding: 16px 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header > h6 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + background-image: url("#{resource['demo:images/rightpanel/asset-weather.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + -moz-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + color: rgba(41, 50, 65, 0.8); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather > img { + height: 60px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info { + margin-left: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h6 { + margin: 0 0 2px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h1 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul { + padding: 0; + margin: 0; + list-style: none; + overflow: auto; + max-height: 320px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li { + padding: 16px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-color: #ffffff; + margin-bottom: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info h6 { + color: #3E4754; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info > span { + display: block; + font-weight: 500; + font-size: 14px; + line-height: 140%; + color: rgba(41, 50, 65, 0.5); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done { + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done .task-info h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; + margin: -7px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + width: 80px; + height: 80px; + background-color: #ffffff; + margin: 7px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item:hover { + background-color: #F7F7F8; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + width: 80px; + height: 80px; + margin: 7px; + border: 1px dashed #dee2e6; + color: #dee2e6; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item:hover { + background-color: #F7F7F8; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section { + margin-top: 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + background-image: linear-gradient(180deg, #F7FAFF 0%, rgba(234, 237, 243, 0) 100%); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + background-color: #ffffff; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #ffffff; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 576px) { + .layout-rightpanel { + width: 100%; + transform: translate3d(100%, 0px, 0px); + } +} +.layout-footer { + padding: 30px 36px; +} +.layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 12px; + line-height: 14px; + min-height: 15px; + display: block; + margin-bottom: 9px; +} +.layout-footer .footer-subtitle { + font-weight: 500; + font-size: 14px; + display: block; + color: rgba(41, 50, 65, 0.5); +} +.layout-footer ul { + padding: 0; + margin: 0; + list-style: none; +} +.layout-footer ul > li { + padding: 7px 0; +} +.layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.8); + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.5); +} +.layout-footer .newsletter-input { + margin-top: 16px; + background-color: #ffffff; + position: relative; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.layout-footer .newsletter-input > input { + width: 100%; + background-color: transparent; + border: none; + padding: 11px 16px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + font-size: 14px; + line-height: 200%; +} +.layout-footer .newsletter-input > button { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + position: absolute; + right: 6px; + top: 50%; + margin-top: -16px; +} +.layout-footer .newsletter-input > button > span { + display: block; + padding: 0; + width: 100%; + font-weight: 600; + font-size: 14px; +} +.layout-footer .footer-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .footer-bottom h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.layout-footer .footer-bottom h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + background: #ffffff; + padding: 20px; + box-sizing: border-box; + box-shadow: 0 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 16px; +} +.card .card-header h6 { + margin-bottom: 2px; +} +.card .card-header .subtitle { + font-weight: 600; + color: rgba(41, 50, 65, 0.5); +} +.card .card-subtitle { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + margin: -1rem 0 1rem 0; +} +.card.no-gutter { + margin-bottom: 0; +} + +.sr-only { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.ui-text-secondary { + color: rgba(41, 50, 65, 0.5); +} + +.layout-wrapper .layout-ajax-loader { + position: absolute; + right: 15px; + bottom: 70px; +} +.layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon { + color: red; + font-size: 32px; +} + +.layout-dashboard .chart { + overflow: auto; + position: relative; +} +.layout-dashboard .mobile-teams { + display: none; +} + +@media (max-width: 1200px) { + .layout-dashboard .desktop-teams { + display: none; + } + .layout-dashboard .mobile-teams { + display: block; + } + .layout-dashboard .mobile-teams .team { + height: 100%; + flex-direction: column; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .layout-dashboard .mobile-teams .team .peoples { + margin: 12px -8px; + } +} +.overview-box { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: 24px; + height: 100%; + min-width: 200px; +} +.overview-box .overview-info > h6 { + margin: 0 0 2px; +} +.overview-box .overview-info > h1 { + margin: 0; +} +.overview-box > i { + font-size: 24px; +} +.overview-box.white { + background: #FFFFFF; + color: rgba(41, 50, 65, 0.8); +} +.overview-box.blue { + background: #69B7FF; + color: #FFFFFF; +} +.overview-box.gray { + background: rgba(41, 50, 65, 0.4); + color: #FFFFFF; +} +.overview-box.darkgray { + background: rgba(41, 50, 65, 0.8); + color: #FFFFFF; +} +.overview-box.orange { + background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%); + color: #FFFFFF; +} + +.timeline { + padding-right: 4px; +} +.timeline > ul { + padding: 0; + margin: 0; + list-style: none; + max-height: 372px; + overflow: auto; + margin-bottom: 1em; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; +} +.timeline > ul > li > i { + font-size: 8px; + margin-right: 10px; + margin-top: 4px; +} +.timeline > ul > li .event-content span { + display: block; + margin-bottom: 4px; + font-weight: 600; + font-size: 12px; + color: rgba(41, 50, 65, 0.5); +} +.timeline > ul > li .event-content span.event-title { + color: #3E4754; +} +.timeline > ul > li .event-content span.time { + font-size: 10px; + font-weight: 400; + color: rgba(41, 50, 65, 0.5); +} +.timeline > ul > li.blue > i { + color: #297FFF; +} +.timeline > ul > li.green > i { + color: #34B56F; +} +.timeline > ul > li.orange > i { + color: #FFA928; +} + +.device-status .content { + color: rgba(41, 50, 65, 0.5); + line-height: 1.4; + margin-bottom: 20px; +} +.device-status .progress { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 10px 0; + color: rgba(41, 50, 65, 0.5); +} +.device-status .progress > span { + min-width: 40px; +} +.device-status .progress .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress .ui-progressbar .ui-progressbar-value { + background: rgba(41, 127, 255, 0.2); + background: var(--primary-color); + opacity: 0.8; + border-radius: 24px; +} +.device-status .progress.active .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress.active .ui-progressbar .ui-progressbar-value { + background: linear-gradient(270deg, #42BBFF 0%, #6129FF 100%); + background: linear-gradient(270deg, var(--primary-lighter-color) 0%, var(--primary-color) 100%); + opacity: 0.8; +} +.device-status .device { + margin-bottom: 16px; +} +.device-status .device span { + color: #2170E7; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.device-status .device span > span { + font-size: 8px; + font-weight: normal; +} +.device-status .device span.status { + font-size: 12px; + color: rgba(41, 50, 65, 0.5); + margin-top: 4px; + display: block; +} + +.team { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.team .card-header { + padding: 0; + min-width: 70px; +} +.team .peoples { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; +} +.team .peoples > img { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; +} +.team .peoples .no-picture { + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; + background: rgba(41, 50, 65, 0.1); + color: rgba(41, 50, 65, 0.8); + font-size: 12px; + -moz-transition: background 0.2s; + -o-transition: background 0.2s; + -webkit-transition: background 0.2s; + transition: background 0.2s; +} +.team .peoples .no-picture:hover { + background: rgba(41, 50, 65, 0.2); +} + +.map { + padding: 0; +} +.map > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.map .map-content { + padding: 50px 20px 28px; +} +.map .map-content h6 { + margin: 0 0 16px; +} +.map .map-content .city { + margin-bottom: 16px; +} +.map .map-content .city span { + color: #2170E7; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.map .map-content .city span > span { + font-size: 8px; + font-weight: normal; +} +.map .map-content .city span.status { + font-size: 12px; + color: rgba(41, 50, 65, 0.5); + margin-top: 4px; + display: block; +} + +.schedule > p { + color: rgba(41, 50, 65, 0.5); +} +.schedule > ul { + list-style: none; + padding: 0; + margin: 0; +} +.schedule > ul > li { + background: #F7F7F8; + border-radius: 8px; + margin-bottom: 10px; + padding: 5px 16px 12px; +} +.schedule > ul > li .schedule-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.schedule > ul > li .schedule-header h6 { + line-height: 24px; + margin: 0; +} +.schedule > ul > li .schedule-header span { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.schedule > ul > li > span { + margin-top: 4px; + color: rgba(41, 50, 65, 0.5); + display: block; + font-size: 12px; + line-height: 14px; +} + +.statistics .statistic-item .item-title { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 4px; +} +.statistics .statistic-item .item-title span { + display: block; + margin-right: 12px; +} +.statistics .statistic-item .item-title h5 { + margin: 0; + font-weight: 700; +} +.statistics .statistic-item h6 { + margin: 0; + font-weight: 600; + color: rgba(41, 50, 65, 0.5); +} + +.stocks ul { + list-style: none; + padding: 0; + margin: 0; +} +.stocks ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #F7FAFF; + padding: 0; + margin: 0 0 12px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + overflow: hidden; +} +.stocks ul > li .stock-name { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #EEF5FF; + padding: 18px 10px; + min-width: 70px; + margin-right: 4px; +} +.stocks ul > li .stock-name h6 { + margin: 0; + color: rgba(41, 50, 65, 0.8); + line-height: 17px; + font-weight: 600; +} +.stocks ul > li > img { + margin: 0 4px; + height: 25px; +} +.stocks ul > li .stock-price { + padding: 0 10px; + color: #34B56F; + margin: 0 4px; +} +.stocks ul > li .stock-price h6 { + line-height: 17px; + font-weight: 600; + display: inline-block; +} +.stocks ul > li .stock-price i { + display: inline-block; +} +.stocks ul > li .stock-status { + margin-left: 4px; + padding: 0 20px; +} +.stocks ul > li .stock-status span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.5); +} +.stocks ul > li.down .stock-price { + color: #FF6E49; +} +.stocks ul > li.same .stock-price { + color: #FFA928; +} +.stocks > .ui-button { + width: 100%; + margin-top: 30px; +} + +.operations { + overflow: auto; + position: relative; +} +.operations .insights { + padding: 16px 15px; + background-color: rgba(41, 127, 255, 0.04); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + margin: 12px 0 16px; +} +.operations .insights .insight-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; +} +.operations .insights .insight-header h6 { + margin: 0 6px; +} +.operations .insights > ul { + list-style: none; + padding: 0; + margin: 0; +} +.operations .insights > ul > li { + margin: 8px 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + color: rgba(41, 50, 65, 0.5); +} +.operations .insights > ul > li span { + font-weight: 600; +} +.operations .insights > ul > li span > span { + font-size: 8px; + line-height: 10px; + font-weight: normal; +} +.operations > button { + width: 100%; +} + +.notification { + padding: 30px 24px; + background-color: #ffffff; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.notification > h6 { + margin: 0; + color: rgba(41, 50, 65, 0.8); +} +.notification > h6 > a { + margin-left: 10px; +} +.notification > h6 > a i { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav { + background-color: transparent; + margin: 0 -10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav:before { + display: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header { + padding: 9px 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin: 0 10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a { + position: relative; + width: 52px; + height: 52px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #D0D6DD; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + color: #2170E7; + color: var(--primary-color); + border: 0 none; + overflow: visible; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a img { + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a .ui-badge { + position: absolute; + bottom: -5px; + right: -5px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active { + padding: 0 0 9px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active a { + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.16), 0px 1px 2px rgba(41, 50, 65, 0.04), 0px 6px 12px rgba(41, 50, 65, 0.24); + border: 0 none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:before { + content: ""; + width: 12px; + height: 2px; + background: #2170E7; + background: var(--primary-color); + border-radius: 3px; + position: absolute; + bottom: -10px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-hover { + border: none; + padding: 0 0 9px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels { + background-color: transparent; + border: none; + padding: 16px 0 0; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + padding: 0; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 44px; + background-image: linear-gradient(180deg, #ffffff 0%, rgba(234, 237, 243, 0) 100%); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; + overflow: auto; + padding: 30px 6px 12px; + flex: 1 1 auto; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message { + display: -ms-flexbox; + display: flex; + flex-direction: column; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .name { + display: block; + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + max-width: 250px; + padding: 8px 10px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + background-color: #F7FAFF; + margin-bottom: 8px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message p { + padding: 0; + margin: 0 0 2px; + color: rgba(41, 50, 65, 0.8); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 14px; + color: rgba(41, 50, 65, 0.5); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send { + -ms-flex-align: end; + align-items: flex-end; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send .message span { + text-align: right; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message h4 { + color: rgba(41, 50, 65, 0.5); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + flex: 1 1 auto; + max-height: 400px; + overflow: auto; + padding: 0px 0 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul { + padding: 0; + margin: 0; + list-style: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 6px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + cursor: pointer; + padding: 8px 10px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li img { + margin-right: 12px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li h6 { + margin: 0 0 2px; + color: rgba(41, 50, 65, 0.8); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li span { + display: block; + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #F7FAFF; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input { + margin-top: 30px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 100%; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 20px 19px; + background-color: #F7F7F8; + border: none; +} + +.image-card { + padding: 0; + position: relative; +} +.image-card > span { + position: absolute; + right: 20px; + top: 20px; +} +.image-card > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.image-card .image-content { + padding: 32px 20px 28px; +} +.image-card .image-content h6 { + margin: 0 0 8px; +} +.image-card .image-content > p { + color: rgba(41, 50, 65, 0.5); +} +.image-card .image-content > button { + margin-top: 32px; + width: 100%; +} + +.login-body { + background: #FFFFFF; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; + height: 100vh; +} +.login-body .login-wrapper .login-panel { + width: 30%; + height: 100%; + text-align: center; + padding: 40px 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 100%; +} +.login-body .login-wrapper .login-panel .logo { + margin-bottom: 50px; +} +.login-body .login-wrapper .login-panel .logo img { + width: 45px; + height: 53px; +} +.login-body .login-wrapper .login-panel > a { + font-weight: 500; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > p { + font-weight: 500; + margin: 0; + color: rgba(41, 50, 65, 0.5); + margin-top: 40px; +} +.login-body .login-wrapper .login-panel > p > a { + color: #2170E7; + cursor: pointer; +} +.login-body .login-wrapper .login-panel > input { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + background-color: #F6F7F7; + border: 1.2px solid #D4D6D9; + color: #515C66; + padding: 12px 10px; +} +.login-body .login-wrapper .login-panel > input::placeholder { + color: gba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > button { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + padding: 0; +} +.login-body .login-wrapper .login-panel > button > span { + padding: 15px 20px; + display: block; + font-weight: 600; + font-size: 14px; + line-height: 16px; +} +.login-body .login-wrapper .login-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.login-body .login-wrapper .login-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.login-body .login-wrapper .login-footer h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +.exception-body .exception-topbar { + height: 62px; + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0 16px; +} +.exception-body .exception-topbar .layout-topbar-logo > img { + height: 15px; +} +.exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body .exception-wrapper .exception-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 auto; +} +.exception-body .exception-wrapper .exception-content > span { + font-weight: normal; + font-size: 60px; + line-height: 73px; + text-align: center; + display: block; +} +.exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.exception-body .exception-wrapper .exception-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.exception-body .exception-wrapper .exception-footer h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} +.exception-body.notfound .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body.notfound .exception-wrapper .exception-content { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + flex: 1 1 auto; +} +.exception-body.notfound .exception-wrapper .exception-content img { + width: 332px; + height: 271px; + margin-bottom: -150px; +} +.exception-body.notfound .exception-wrapper .exception-content > span { + font-size: 140px; + line-height: 171px; +} +.exception-body.notfound .exception-wrapper .exception-content > span.exception-subtitle { + font-weight: 500; + font-size: 14px; + line-height: 17px; + color: rgba(41, 50, 65, 0.5); +} +.exception-body.notfound .exception-wrapper .exception-content > button { + padding: 0; + margin-top: 20px; + width: 155px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.exception-body.notfound .exception-wrapper .exception-content > button > span { + padding: 18px; + font-weight: 600; +} + +@media (max-width: 991px) { + .exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); + } + .exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + } +} +.landing-body { + background-color: #E5E5E5; +} +.landing-body .landing-topbar { + height: 83px; + background-color: #FFFFFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + z-index: 999; + padding: 20px 40px; + position: relative; +} +.landing-body .landing-topbar .landing-topbar-left { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-body .landing-topbar .landing-topbar-left .logo { + margin-right: 40px; +} +.landing-body .landing-topbar .landing-topbar-left .logo img { + height: 16px; + width: auto; +} +.landing-body .landing-topbar .landing-topbar-left > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li #landing-menu-close { + display: none; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a { + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin: 0 10px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a:hover { + color: #2170E7; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton { + margin-right: 20px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton:hover { + color: #2170E7; +} +.landing-body .landing-topbar .landing-topbar-right .landing-button span { + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button i { + font-size: 20px; +} +.landing-body .landing-button { + background: linear-gradient(108.43deg, #297FFF 12.5%, #7A0EE7 96.32%); + border: none; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-body .landing-button.ui-button { + padding: 0; +} +.landing-body .landing-button.ui-button > .ui-button-text { + padding: 14px 10px; + min-width: 121px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button > a .ui-button-text { + padding: 14px 10px; + min-width: 87px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button:hover { + background: linear-gradient(108.43deg, #2f79e7 12.5%, #781cd4 96.32%); +} +.landing-body .landing-banner { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 303px 30px 218px; + position: relative; + transform-style: inherit; + background: url("#{resource['freya-layout:images/pages/asset-landing-header.jpg']}"); + background-size: cover; + height: 80vh; +} +.landing-body .landing-banner .landing-banner-content { + text-align: center; + position: relative; +} +.landing-body .landing-banner .landing-banner-content .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: #FFFFFF; +} +.landing-body .landing-banner .landing-banner-content h3 { + margin: 40px 0 30px; + color: #FFFFFF; + font-weight: 500; + line-height: 29px; +} +.landing-body .section-header { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +.landing-body .section-header .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .section-header h3 { + margin: 15px 0 100px; + color: rgba(41, 50, 65, 0.9); + font-weight: 500; + line-height: 29px; + max-width: 800px; +} +.landing-body .landing-features { + background-color: #FFFFFF; + position: relative; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; + padding: 36px 6% 125px; +} +.landing-body .landing-features .lg\:col-3 { + transition: transform 250ms linear; + -webkit-transition: transform 250ms linear; +} +.landing-body .landing-features .feature { + display: -ms-flexbox; + display: flex; +} +.landing-body .landing-features .feature > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-top: 30px; + margin-right: 12px; +} +.landing-body .landing-features .feature .feature-card { + -moz-border-radius: 36px; + -webkit-border-radius: 36px; + border-radius: 36px; + padding: 28px 30px; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.landing-body .landing-features .feature .feature-card > span { + display: none; +} +.landing-body .landing-features .feature .feature-card h3 { + font-weight: 500; + line-height: 36px; + margin: 0 0 20px; + color: rgba(41, 50, 65, 0.8); +} +.landing-body .landing-features .feature .feature-card h5 { + margin: 0; + font-weight: normal; + line-height: 150%; + color: rgba(41, 50, 65, 0.9); + opacity: 0.8; +} +.landing-body .landing-features .feature.yellow .feature-card { + padding-bottom: 128px; + background: linear-gradient(197.55deg, #FFD37D -1.02%, #FFDB7D 46.53%); +} +.landing-body .landing-features .feature.blue .feature-card { + padding-bottom: 67px; + background: linear-gradient(156.18deg, #DAF4FF 38.02%, #CEDFFF 95.69%); +} +.landing-body .landing-features .feature.darker-blue .feature-card { + padding-bottom: 164px; + background: linear-gradient(165.84deg, #C1E9FF 42.24%, rgba(219, 242, 255, 0.23) 97.17%); +} +.landing-body .landing-features .feature.darker-gray .feature-card { + padding-bottom: 109px; + background: linear-gradient(176.91deg, rgba(41, 50, 65, 0.6) 50%, rgba(41, 50, 65, 0.282) 115.03%); +} +.landing-body .landing-features .feature.darker-gray .feature-card h3 { + color: #FFFFFF; +} +.landing-body .landing-features .feature.darker-gray .feature-card h5 { + color: #FFFFFF; + opacity: 0.8; +} +.landing-body .landing-features .feature.gray .feature-card { + padding-bottom: 50px; + background: linear-gradient(11.49deg, rgba(41, 50, 65, 0.1) 60.37%, rgba(41, 50, 65, 0.026) 98.03%); +} +.landing-body .landing-pricing { + background-color: #FFFFFF; + position: relative; + padding: 125px 15% 260px; + text-align: center; +} +.landing-body .landing-pricing .pricing-card { + background: #FFFFFF; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 30px 20px 33px; + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; + position: relative; + margin-bottom: 60px; +} +.landing-body .landing-pricing .pricing-card .preferred-tag { + padding: 14px 24px; + background: linear-gradient(112.58deg, #FFD029 22.19%, #F1AF60 100%); + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + transform: rotate(-7.18deg); + position: absolute; + top: -32px; + color: #FFFFFF; + font-weight: bold; + font-size: 20px; + line-height: 24px; +} +.landing-body .landing-pricing .pricing-card h2 { + margin: 0 0 14px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .landing-pricing .pricing-card .price { + display: block; + color: #2170E7; + font-weight: bold; + font-size: 80px; + line-height: 95px; +} +.landing-body .landing-pricing .pricing-card .time { + color: rgba(41, 50, 65, 0.5); + font-size: 12px; + line-height: 14px; + display: block; + margin-bottom: 32px; +} +.landing-body .landing-pricing .pricing-card > ul { + padding: 42px 0 0; + width: 100%; + margin: 0; + list-style: none; + border-top: 1px solid rgba(41, 50, 65, 0.1); +} +.landing-body .landing-pricing .pricing-card > ul > li { + font-size: 16px; + line-height: 205.34%; + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-pricing .pricing-card.pro { + background: linear-gradient(333.31deg, #EFF3FB 6.36%, #FFFFFF 72.79%); +} +.landing-body .landing-pricing .pricing-card.enterprise { + background: linear-gradient(156.19deg, rgba(41, 50, 65, 0.8) 10.28%, rgba(35, 40, 49, 0.496) 87.74%); +} +.landing-body .landing-pricing .pricing-card.enterprise h2 { + margin: 0 0 14px; + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .price { + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .time { + color: #FFFFFF; + opacity: 0.6; +} +.landing-body .landing-pricing .pricing-card.enterprise > ul { + border-top: 1px solid rgba(255, 255, 255, 0.2); +} +.landing-body .landing-pricing .pricing-card.enterprise > ul > li { + color: #FFFFFF; +} +.landing-body .landing-pricing > a { + font-size: 24px; + line-height: 29px; + display: block; +} +.landing-body .layout-footer { + background-color: #FFFFFF; + position: relative; +} +.landing-body .layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.2); +} +.landing-body .layout-footer .footer-subtitle { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer ul > li { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer .newsletter-input { + background-color: rgba(41, 50, 65, 0.04); +} +.landing-body .layout-footer .footer-bottom { + color: rgba(41, 50, 65, 0.7); +} +.landing-body .layout-footer .footer-bottom h6 { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-mask { + display: none; + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.2); + z-index: 998; +} + +@media (max-width: 991px) { + .landing-body.block-scroll { + overflow: hidden; + } + .landing-body.block-scroll .landing-wrapper .landing-mask { + display: block; + } + .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu { + transform: translate3d(0px, 0px, 0px); + } + .landing-body .landing-wrapper .landing-topbar { + padding: 0 13px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu { + position: fixed; + flex-direction: column; + -ms-flex-align: end; + align-items: flex-end; + right: 0; + top: 0; + padding: 28px 15px; + z-index: 999; + width: 220px; + height: 100%; + background-color: #EEF5FF; + box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08); + transform: translate3d(260px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li { + margin: 0; + width: 100%; + margin-bottom: 12px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a { + padding: 6px 16px; + font-size: 14px; + text-align: right; + background-color: #EEF5FF; + display: block; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: rgba(41, 50, 65, 0.9); + font-size: 20px; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .second-menubutton { + display: none; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .landing-button { + margin-right: 20px; + } + .landing-body .landing-wrapper .landing-banner { + background-position: top; + padding: 80px 23px; + -ms-flex-pack: start; + justify-content: flex-start; + height: auto; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: left; + max-width: 262px; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > span { + font-size: 60px; + line-height: 91.84%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-features { + padding: 36px 20px 30px; + } + .landing-body .landing-wrapper .landing-features .lg\:col-3 { + transform: translateY(0) !important; + margin-top: auto !important; + } + .landing-body .landing-wrapper .landing-features .feature-empty { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature-3 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature-4 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature > span { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card { + padding-bottom: 28px !important; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-right: 12px; + margin-top: 8px; + display: block; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card > span { + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card > span { + color: #FFFFFF; + float: right; + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .section-header .title { + font-size: 60px; + line-height: 72px; + } + .landing-body .landing-wrapper .section-header h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 30px 20px 97px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card { + margin-bottom: 20px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card > ul { + display: none; + } + .landing-body .landing-wrapper .landing-pricing .preferred { + order: -1 !important; + } + .landing-body .landing-wrapper .landing-pricing .preferred .pricing-card > ul { + display: block; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background-image: url("#{resource['freya-layout:images/pages/search.png']}"); + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h3 { + color: rgba(41, 50, 65, 0.8); + font-weight: 500; +} +.help-page .help-search .search-container { + font-size: 1rem; + padding: 1rem; + position: relative; +} +.help-page .help-search .search-container input { + appearance: none; + font-size: 1rem; + text-indent: 2rem; + padding: 1rem; + width: 100%; +} +.help-page .help-search .search-container i { + width: 1rem; + position: absolute; + margin-left: 1rem; + top: 50%; + margin-top: -0.5rem; +} +.help-page .status-bars { + margin-top: 1rem; + display: -ms-flexbox; + display: flex; +} +.help-page .status-bars .status-bar { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: #6EC180; + height: 50px; + margin-right: 0.25rem; + transition: transform 0.2s; +} +.help-page .status-bars .status-bar:last-child { + margin-right: 0; +} +.help-page .status-bars .status-bar.status-bar-failure { + background: #FF6E49; +} +.help-page .status-bars .status-bar:hover { + transform: scale(1.1); +} +.help-page .status-bar-footer { + padding: 1rem 0 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.help-page .blog-post { + border-radius: 4px; + padding: 20px; + margin: 3rem 2rem; + border: 1px solid #dee2e6; + background-color: #ffffff; + position: relative; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.help-page .blog-post:last-child { + margin-bottom: 1rem; +} +.help-page .blog-post img { + width: 100%; + position: absolute; + left: 0; + top: 0; +} +.help-page .blog-post .blog-text h1 { + color: rgba(41, 50, 65, 0.8); + margin-bottom: 1rem; + font-weight: 500; +} +.help-page .blog-post .blog-text span { + color: rgba(41, 50, 65, 0.5); + line-height: 1.4; +} +.help-page .blog-post .blog-profile { + position: absolute; + top: -25px; + left: -25px; +} +.help-page .blog-post .blog-profile img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + height: 50px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 500; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; + font-weight: 300; +} +.invoice .invoice-details { + width: 15rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.invoice .invoice-details > div { + width: 50%; + margin-bottom: 0.5rem; +} +.invoice .invoice-details .invoice-label { + text-align: left; + font-weight: 500; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #F2F4F6; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 500; + margin-bottom: 0.5rem; +} +.invoice .invoice-to .invoice-to-info div { + margin-bottom: 0.5rem; +} +.invoice .invoice-items { + margin-top: 2rem; + padding-top: 2rem; +} +.invoice .invoice-items table { + width: 100%; + border-collapse: collapse; +} +.invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; +} +.invoice .invoice-items table th { + font-weight: 500; +} +.invoice .invoice-items table th, .invoice .invoice-items table td { + padding: 1rem; + text-align: right; +} +.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child { + text-align: left; +} +.invoice .invoice-summary { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 2.5rem; + padding-top: 2.5rem; +} +.invoice .invoice-summary .invoice-value { + font-weight: 500; +} + +@media print { + body * { + visibility: hidden; + } + + #invoice-content * { + visibility: visible; + } + + #invoice-content { + width: 100%; + position: absolute; + left: 0; + top: 0; + padding: 0; + margin: 0; + background: #ffffff; + color: rgba(41, 50, 65, 0.8); + } + + .invoice .invoice-to { + border-top: 1px solid #F2F4F6; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; + } +} +.layout-config { + width: 16rem; + height: 100%; + position: fixed; + right: 0; + top: 0; + padding: 1rem; + overflow: auto; + background: #ffffff; + z-index: 999; + border-left: 0 none; + transform: translateX(100%); + transition: transform 0.2s cubic-bezier(0.05, 0.74, 0.2, 0.99); +} +.layout-config.layout-config-active { + transform: translateX(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); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + transform: rotate(360deg); +} +.layout-config .ui-selectoneradio td { + padding: 0.5rem; +} +.layout-config p { + line-height: 1.5rem; + color: #6c757d; +} +.layout-config .layout-themes { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.layout-config .layout-themes > div { + padding: 0.25rem; +} +.layout-config .layout-themes a { + width: 2rem; + height: 2rem; + border-radius: 24px; + display: block; + position: relative; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + transition: transform 0.2s; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} +.layout-config .layout-themes a i { + font-size: 1rem; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +.layout-config .layout-themes a:hover { + transform: scale(1.1); +} + +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: #1976D2; + color: #ffffff; + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; + transition: background-color 0.2s; + 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: #2083e4; +} + +/* Add your customizations of the layout styles here */ +.layout-wrapper .layout-rightpanel .rightpanel-wrapper { + position: relative; + height: 100%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header { + text-align: center; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header .profile { + padding: 12px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions { + padding: 12px 6px 36px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .col-6, .layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .md\:col-4 { + padding: 0.2em; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav { + background-color: white; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header { + padding: 1rem; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + font-size: 12px; + font-weight: 500; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header > span { + font-size: 10px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background-color: #F7FAFF; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels { + background-color: white; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + width: 80%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 105px; + margin-right: 7px; +} diff --git a/src/main/resources/META-INF/resources/freya-layout/css/layout-light.scss b/src/main/resources/META-INF/resources/freya-layout/css/layout-light.scss new file mode 100644 index 0000000..ed65b45 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/css/layout-light.scss @@ -0,0 +1,5 @@ +$primaryColor:#2170E7; +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_light'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/freya-layout/css/primeflex-v2.min.css b/src/main/resources/META-INF/resources/freya-layout/css/primeflex-v2.min.css new file mode 100644 index 0000000..1f4ccda --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/css/primeflex-v2.min.css @@ -0,0 +1 @@ +.p-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem;margin-top:-1rem}.p-grid>.p-col,.p-grid>[class*=p-col]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.p-nogutter{margin-right:0;margin-left:0;margin-top:0}.p-nogutter>.p-col,.p-nogutter>[class*=p-col-]{padding:0}.p-col{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;padding:1rem}.p-col-fixed{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1,.p-col-2,.p-col-3,.p-col-4,.p-col-5,.p-col-6,.p-col-7,.p-col-8,.p-col-9,.p-col-10,.p-col-11,.p-col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1{width:8.3333%}.p-col-2{width:16.6667%}.p-col-3{width:25%}.p-col-4{width:33.3333%}.p-col-5{width:41.6667%}.p-col-6{width:50%}.p-col-7{width:58.3333%}.p-col-8{width:66.6667%}.p-col-9{width:75%}.p-col-10{width:83.3333%}.p-col-11{width:91.6667%}.p-col-12{width:100%}.p-offset-12{margin-left:100%}.p-offset-11{margin-left:91.66666667%}.p-offset-10{margin-left:83.33333333%}.p-offset-9{margin-left:75%}.p-offset-8{margin-left:66.66666667%}.p-offset-7{margin-left:58.33333333%}.p-offset-6{margin-left:50%}.p-offset-5{margin-left:41.66666667%}.p-offset-4{margin-left:33.33333333%}.p-offset-3{margin-left:25%}.p-offset-2{margin-left:16.66666667%}.p-offset-1{margin-left:8.33333333%}.p-offset-0{margin-left:0%}.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12,.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12,.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12,.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{padding:1rem}.p-col-nogutter{padding:0}@media screen and (min-width: 576px){.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-sm-1{width:8.3333%}.p-sm-2{width:16.6667%}.p-sm-3{width:25%}.p-sm-4{width:33.3333%}.p-sm-5{width:41.6667%}.p-sm-6{width:50%}.p-sm-7{width:58.3333%}.p-sm-8{width:66.6667%}.p-sm-9{width:75%}.p-sm-10{width:83.3333%}.p-sm-11{width:91.6667%}.p-sm-12{width:100%}.p-sm-offset-12{margin-left:100%}.p-sm-offset-11{margin-left:91.66666667%}.p-sm-offset-10{margin-left:83.33333333%}.p-sm-offset-9{margin-left:75%}.p-sm-offset-8{margin-left:66.66666667%}.p-sm-offset-7{margin-left:58.33333333%}.p-sm-offset-6{margin-left:50%}.p-sm-offset-5{margin-left:41.66666667%}.p-sm-offset-4{margin-left:33.33333333%}.p-sm-offset-3{margin-left:25%}.p-sm-offset-2{margin-left:16.66666667%}.p-sm-offset-1{margin-left:8.33333333%}.p-sm-offset-0{margin-left:0%}}@media screen and (min-width: 768px){.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-md-1{width:8.3333%}.p-md-2{width:16.6667%}.p-md-3{width:25%}.p-md-4{width:33.3333%}.p-md-5{width:41.6667%}.p-md-6{width:50%}.p-md-7{width:58.3333%}.p-md-8{width:66.6667%}.p-md-9{width:75%}.p-md-10{width:83.3333%}.p-md-11{width:91.6667%}.p-md-12{width:100%}.p-md-offset-12{margin-left:100%}.p-md-offset-11{margin-left:91.66666667%}.p-md-offset-10{margin-left:83.33333333%}.p-md-offset-9{margin-left:75%}.p-md-offset-8{margin-left:66.66666667%}.p-md-offset-7{margin-left:58.33333333%}.p-md-offset-6{margin-left:50%}.p-md-offset-5{margin-left:41.66666667%}.p-md-offset-4{margin-left:33.33333333%}.p-md-offset-3{margin-left:25%}.p-md-offset-2{margin-left:16.66666667%}.p-md-offset-1{margin-left:8.33333333%}.p-md-offset-0{margin-left:0%}}@media screen and (min-width: 992px){.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-lg-1{width:8.3333%}.p-lg-2{width:16.6667%}.p-lg-3{width:25%}.p-lg-4{width:33.3333%}.p-lg-5{width:41.6667%}.p-lg-6{width:50%}.p-lg-7{width:58.3333%}.p-lg-8{width:66.6667%}.p-lg-9{width:75%}.p-lg-10{width:83.3333%}.p-lg-11{width:91.6667%}.p-lg-12{width:100%}.p-lg-offset-12{margin-left:100%}.p-lg-offset-11{margin-left:91.66666667%}.p-lg-offset-10{margin-left:83.33333333%}.p-lg-offset-9{margin-left:75%}.p-lg-offset-8{margin-left:66.66666667%}.p-lg-offset-7{margin-left:58.33333333%}.p-lg-offset-6{margin-left:50%}.p-lg-offset-5{margin-left:41.66666667%}.p-lg-offset-4{margin-left:33.33333333%}.p-lg-offset-3{margin-left:25%}.p-lg-offset-2{margin-left:16.66666667%}.p-lg-offset-1{margin-left:8.33333333%}.p-lg-offset-0{margin-left:0%}}@media screen and (min-width: 1200px){.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-xl-1{width:8.3333%}.p-xl-2{width:16.6667%}.p-xl-3{width:25%}.p-xl-4{width:33.3333%}.p-xl-5{width:41.6667%}.p-xl-6{width:50%}.p-xl-7{width:58.3333%}.p-xl-8{width:66.6667%}.p-xl-9{width:75%}.p-xl-10{width:83.3333%}.p-xl-11{width:91.6667%}.p-xl-12{width:100%}.p-xl-offset-12{margin-left:100%}.p-xl-offset-11{margin-left:91.66666667%}.p-xl-offset-10{margin-left:83.33333333%}.p-xl-offset-9{margin-left:75%}.p-xl-offset-8{margin-left:66.66666667%}.p-xl-offset-7{margin-left:58.33333333%}.p-xl-offset-6{margin-left:50%}.p-xl-offset-5{margin-left:41.66666667%}.p-xl-offset-4{margin-left:33.33333333%}.p-xl-offset-3{margin-left:25%}.p-xl-offset-2{margin-left:16.66666667%}.p-xl-offset-1{margin-left:8.33333333%}.p-xl-offset-0{margin-left:0%}}.p-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.p-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.p-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.p-justify-around{-ms-flex-pack:distribute;justify-content:space-around}.p-justify-even{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.p-align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.p-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.p-align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.p-col-align-start{-ms-flex-item-align:start;align-self:flex-start}.p-col-align-end{-ms-flex-item-align:end;align-self:flex-end}.p-col-align-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.p-col-align-baseline{-ms-flex-item-align:baseline;align-self:baseline}.p-col-align-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.p-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.p-dir-rev{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.p-dir-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dir-col-rev{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.p-dir-col>.p-col,.p-dir-col-rev>.p-col{-ms-flex-preferred-size:auto;flex-basis:auto}.p-col-order-first{-ms-flex-order:-1;order:-1}.p-col-order-last{-ms-flex-order:13;order:13}.p-col-order-0{-ms-flex-order:0;order:0}.p-col-order-1{-ms-flex-order:1;order:1}.p-col-order-2{-ms-flex-order:2;order:2}.p-col-order-3{-ms-flex-order:3;order:3}.p-col-order-4{-ms-flex-order:4;order:4}.p-col-order-5{-ms-flex-order:5;order:5}.p-col-order-6{-ms-flex-order:6;order:6}.p-col-order-7{-ms-flex-order:7;order:7}.p-col-order-8{-ms-flex-order:8;order:8}.p-col-order-9{-ms-flex-order:9;order:9}.p-col-order-10{-ms-flex-order:10;order:10}.p-col-order-11{-ms-flex-order:11;order:11}.p-col-order-12{-ms-flex-order:12;order:12}@media screen and (min-width: 576px){.p-sm-order-first{-ms-flex-order:-1;order:-1}.p-sm-order-last{-ms-flex-order:13;order:13}.p-sm-order-0{-ms-flex-order:0;order:0}.p-sm-order-1{-ms-flex-order:1;order:1}.p-sm-order-2{-ms-flex-order:2;order:2}.p-sm-order-3{-ms-flex-order:3;order:3}.p-sm-order-4{-ms-flex-order:4;order:4}.p-sm-order-5{-ms-flex-order:5;order:5}.p-sm-order-6{-ms-flex-order:6;order:6}.p-sm-order-7{-ms-flex-order:7;order:7}.p-sm-order-8{-ms-flex-order:8;order:8}.p-sm-order-9{-ms-flex-order:9;order:9}.p-sm-order-10{-ms-flex-order:10;order:10}.p-sm-order-11{-ms-flex-order:11;order:11}.p-sm-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 768px){.p-md-order-first{-ms-flex-order:-1;order:-1}.p-md-order-last{-ms-flex-order:13;order:13}.p-md-order-0{-ms-flex-order:0;order:0}.p-md-order-1{-ms-flex-order:1;order:1}.p-md-order-2{-ms-flex-order:2;order:2}.p-md-order-3{-ms-flex-order:3;order:3}.p-md-order-4{-ms-flex-order:4;order:4}.p-md-order-5{-ms-flex-order:5;order:5}.p-md-order-6{-ms-flex-order:6;order:6}.p-md-order-7{-ms-flex-order:7;order:7}.p-md-order-8{-ms-flex-order:8;order:8}.p-md-order-9{-ms-flex-order:9;order:9}.p-md-order-10{-ms-flex-order:10;order:10}.p-md-order-11{-ms-flex-order:11;order:11}.p-md-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 992px){.p-lg-order-first{-ms-flex-order:-1;order:-1}.p-lg-order-last{-ms-flex-order:13;order:13}.p-lg-order-0{-ms-flex-order:0;order:0}.p-lg-order-1{-ms-flex-order:1;order:1}.p-lg-order-2{-ms-flex-order:2;order:2}.p-lg-order-3{-ms-flex-order:3;order:3}.p-lg-order-4{-ms-flex-order:4;order:4}.p-lg-order-5{-ms-flex-order:5;order:5}.p-lg-order-6{-ms-flex-order:6;order:6}.p-lg-order-7{-ms-flex-order:7;order:7}.p-lg-order-8{-ms-flex-order:8;order:8}.p-lg-order-9{-ms-flex-order:9;order:9}.p-lg-order-10{-ms-flex-order:10;order:10}.p-lg-order-11{-ms-flex-order:11;order:11}.p-lg-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 1200px){.p-xl-order-first{-ms-flex-order:-1;order:-1}.p-xl-order-last{-ms-flex-order:13;order:13}.p-xl-order-0{-ms-flex-order:0;order:0}.p-xl-order-1{-ms-flex-order:1;order:1}.p-xl-order-2{-ms-flex-order:2;order:2}.p-xl-order-3{-ms-flex-order:3;order:3}.p-xl-order-4{-ms-flex-order:4;order:4}.p-xl-order-5{-ms-flex-order:5;order:5}.p-xl-order-6{-ms-flex-order:6;order:6}.p-xl-order-7{-ms-flex-order:7;order:7}.p-xl-order-8{-ms-flex-order:8;order:8}.p-xl-order-9{-ms-flex-order:9;order:9}.p-xl-order-10{-ms-flex-order:10;order:10}.p-xl-order-11{-ms-flex-order:11;order:11}.p-xl-order-12{-ms-flex-order:12;order:12}}.p-field{margin-bottom:1rem}.p-field>label{display:inline-block;margin-bottom:.5rem}.p-field.p-grid>label{display:flex;align-items:center}.p-field>small{margin-top:.25rem}.p-field.p-grid,.p-formgrid.p-grid{margin-top:0}.p-field.p-grid .p-col-fixed,.p-formgrid.p-grid .p-col-fixed,.p-field.p-grid .p-col,.p-formgrid.p-grid .p-col,.p-field.p-grid .p-col-1,.p-formgrid.p-grid .p-col-1,.p-field.p-grid .p-col-2,.p-formgrid.p-grid .p-col-2,.p-field.p-grid .p-col-3,.p-formgrid.p-grid .p-col-3,.p-field.p-grid .p-col-4,.p-formgrid.p-grid .p-col-4,.p-field.p-grid .p-col-5,.p-formgrid.p-grid .p-col-5,.p-field.p-grid .p-col-6,.p-formgrid.p-grid .p-col-6,.p-field.p-grid .p-col-7,.p-formgrid.p-grid .p-col-7,.p-field.p-grid .p-col-8,.p-formgrid.p-grid .p-col-8,.p-field.p-grid .p-col-9,.p-formgrid.p-grid .p-col-9,.p-field.p-grid .p-col-10,.p-formgrid.p-grid .p-col-10,.p-field.p-grid .p-col-11,.p-formgrid.p-grid .p-col-11,.p-field.p-grid .p-col-12,.p-formgrid.p-grid .p-col-12{padding-top:0;padding-bottom:0}.p-formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.p-formgroup-inline .p-field,.p-formgroup-inline .p-field-checkbox,.p-formgroup-inline .p-field-radiobutton{margin-right:1rem}.p-formgroup-inline .p-field>label,.p-formgroup-inline .p-field-checkbox>label,.p-formgroup-inline .p-field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.p-field-checkbox,.p-field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.p-field-checkbox>label,.p-field-radiobutton>label{margin-left:.5rem;line-height:1}.p-d-none{display:none !important}.p-d-inline{display:inline !important}.p-d-inline-block{display:inline-block !important}.p-d-block{display:block !important}.p-d-flex{display:flex !important}.p-d-inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.p-d-sm-none{display:none !important}.p-d-sm-inline{display:inline !important}.p-d-sm-inline-block{display:inline-block !important}.p-d-sm-block{display:block !important}.p-d-sm-flex{display:flex !important}.p-d-sm-inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.p-d-md-none{display:none !important}.p-d-md-inline{display:inline !important}.p-d-md-inline-block{display:inline-block !important}.p-d-md-block{display:block !important}.p-d-md-flex{display:flex !important}.p-d-md-inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.p-d-lg-none{display:none !important}.p-d-lg-inline{display:inline !important}.p-d-lg-inline-block{display:inline-block !important}.p-d-lg-block{display:block !important}.p-d-lg-flex{display:flex !important}.p-d-lg-inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.p-d-xl-none{display:none !important}.p-d-xl-inline{display:inline !important}.p-d-xl-inline-block{display:inline-block !important}.p-d-xl-block{display:block !important}.p-d-xl-flex{display:flex !important}.p-d-xl-inline-flex{display:inline-flex !important}}@media print{.p-d-print-none{display:none !important}.p-d-print-inline{display:inline !important}.p-d-print-inline-block{display:inline-block !important}.p-d-print-block{display:block !important}.p-d-print-flex{display:flex !important}.p-d-print-inline-flex{display:inline-flex !important}}.p-text-justify{text-align:justify !important}.p-text-left{text-align:left !important}.p-text-right{text-align:right !important}.p-text-center{text-align:center !important}.p-text-nowrap{white-space:nowrap !important}.p-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-text-lowercase{text-transform:lowercase !important}.p-text-uppercase{text-transform:uppercase !important}.p-text-capitalize{text-transform:capitalize !important}.p-text-bold{font-weight:700 !important}.p-text-normal{font-weight:400 !important}.p-text-light{font-weight:300 !important}.p-text-italic{font-style:italic !important}@media screen and (min-width: 576px){.p-text-sm-justify{text-align:justify !important}.p-text-sm-left{text-align:left !important}.p-text-sm-right{text-align:right !important}.p-text-sm-center{text-align:center !important}}@media screen and (min-width: 768px){.p-text-md-justify{text-align:justify !important}.p-text-md-left{text-align:left !important}.p-text-md-right{text-align:right !important}.p-text-md-center{text-align:center !important}}@media screen and (min-width: 992px){.p-text-lg-justify{text-align:justify !important}.p-text-lg-left{text-align:left !important}.p-text-lg-right{text-align:right !important}.p-text-lg-center{text-align:center !important}}@media screen and (min-width: 1200px){.p-text-xl-justify{text-align:justify !important}.p-text-xl-left{text-align:left !important}.p-text-xl-right{text-align:right !important}.p-text-xl-center{text-align:center !important}}.p-flex-row{flex-direction:row !important}.p-flex-row-reverse{flex-direction:row-reverse !important}.p-flex-column{flex-direction:column !important}.p-flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.p-flex-sm-row{flex-direction:row !important}.p-flex-sm-row-reverse{flex-direction:row-reverse !important}.p-flex-sm-column{flex-direction:column !important}.p-flex-sm-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.p-flex-md-row{flex-direction:row !important}.p-flex-md-row-reverse{flex-direction:row-reverse !important}.p-flex-md-column{flex-direction:column !important}.p-flex-md-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.p-flex-lg-row{flex-direction:row !important}.p-flex-lg-row-reverse{flex-direction:row-reverse !important}.p-flex-lg-column{flex-direction:column !important}.p-flex-lg-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.p-flex-xl-row{flex-direction:row !important}.p-flex-xl-row-reverse{flex-direction:row-reverse !important}.p-flex-xl-column{flex-direction:column !important}.p-flex-xl-column-reverse{flex-direction:column-reverse !important}}.p-jc-start{justify-content:flex-start}.p-jc-end{justify-content:flex-end}.p-jc-center{justify-content:center}.p-jc-between{justify-content:space-between}.p-jc-around{justify-content:space-around}.p-jc-evenly{justify-content:space-evenly}@media screen and (min-width: 576px){.p-jc-sm-start{justify-content:flex-start}.p-jc-sm-end{justify-content:flex-end}.p-jc-sm-center{justify-content:center}.p-jc-sm-between{justify-content:space-between}.p-jc-sm-around{justify-content:space-around}.p-jc-sm-evenly{justify-content:space-evenly}}@media screen and (min-width: 768px){.p-jc-md-start{justify-content:flex-start}.p-jc-md-end{justify-content:flex-end}.p-jc-md-center{justify-content:center}.p-jc-md-between{justify-content:space-between}.p-jc-md-around{justify-content:space-around}.p-jc-md-evenly{justify-content:space-evenly}}@media screen and (min-width: 992px){.p-jc-lg-start{justify-content:flex-start}.p-jc-lg-end{justify-content:flex-end}.p-jc-lg-center{justify-content:center}.p-jc-lg-between{justify-content:space-between}.p-jc-lg-around{justify-content:space-around}.p-jc-lg-evenly{justify-content:space-evenly}}@media screen and (min-width: 1200px){.p-jc-xl-start{justify-content:flex-start}.p-jc-xl-end{justify-content:flex-end}.p-jc-xl-center{justify-content:center}.p-jc-xl-between{justify-content:space-between}.p-jc-xl-around{justify-content:space-around}.p-jc-xl-evenly{justify-content:space-evenly}}.p-ai-start{align-items:flex-start}.p-ai-end{align-items:flex-end}.p-ai-center{align-items:center}.p-ai-baseline{align-items:baseline}.p-ai-stretch{align-items:stretch}@media screen and (min-width: 576px){.p-ai-sm-start{align-items:flex-start}.p-ai-sm-end{align-items:flex-end}.p-ai-sm-center{align-items:center}.p-ai-sm-baseline{align-items:baseline}.p-ai-sm-stretch{align-items:stretch}}@media screen and (min-width: 768px){.p-ai-md-start{align-items:flex-start}.p-ai-md-end{align-items:flex-end}.p-ai-md-center{align-items:center}.p-ai-md-baseline{align-items:baseline}.p-ai-md-stretch{align-items:stretch}}@media screen and (min-width: 992px){.p-ai-lg-start{align-items:flex-start}.p-ai-lg-end{align-items:flex-end}.p-ai-lg-center{align-items:center}.p-ai-lg-baseline{align-items:baseline}.p-ai-lg-stretch{align-items:stretch}}@media screen and (min-width: 1200px){.p-ai-xl-start{align-items:flex-start}.p-ai-xl-end{align-items:flex-end}.p-ai-xl-center{align-items:center}.p-ai-xl-baseline{align-items:baseline}.p-ai-xl-stretch{align-items:stretch}}.p-as-start{align-self:start}.p-as-end{align-self:flex-end}.p-as-center{align-self:center}.p-as-baseline{align-self:baseline}.p-as-stretch{align-self:stretch}@media screen and (min-width: 576px){.p-as-sm-start{align-self:start}.p-as-sm-end{align-self:flex-end}.p-as-sm-center{align-self:center}.p-as-sm-baseline{align-self:baseline}.p-as-sm-stretch{align-self:stretch}}@media screen and (min-width: 768px){.p-as-md-start{align-self:start}.p-as-md-end{align-self:flex-end}.p-as-md-center{align-self:center}.p-as-md-baseline{align-self:baseline}.p-as-md-stretch{align-self:stretch}}@media screen and (min-width: 992px){.p-as-lg-start{align-self:start}.p-as-lg-end{align-self:flex-end}.p-as-lg-center{align-self:center}.p-as-lg-baseline{align-self:baseline}.p-as-lg-stretch{align-self:stretch}}@media screen and (min-width: 1200px){.p-as-xl-start{align-self:start}.p-as-xl-end{align-self:flex-end}.p-as-xl-center{align-self:center}.p-as-xl-baseline{align-self:baseline}.p-as-xl-stretch{align-self:stretch}}.p-ac-start{align-content:flex-start}.p-ac-end{align-content:flex-end}.p-ac-center{align-content:center}.p-ac-around{align-content:space-around}.p-ac-stretch{align-content:stretch}.p-ac-between{align-content:space-between}@media screen and (min-width: 576px){.p-ac-sm-start{align-content:flex-start}.p-ac-sm-end{align-content:flex-end}.p-ac-sm-center{align-content:center}.p-ac-sm-around{align-content:space-around}.p-ac-sm-stretch{align-content:stretch}.p-ac-sm-between{align-content:space-between}}@media screen and (min-width: 768px){.p-ac-md-start{align-content:flex-start}.p-ac-md-end{align-content:flex-end}.p-ac-md-center{align-content:center}.p-ac-md-around{align-content:space-around}.p-ac-md-stretch{align-content:stretch}.p-ac-md-between{align-content:space-between}}@media screen and (min-width: 992px){.p-ac-lg-start{align-content:flex-start}.p-ac-lg-end{align-content:flex-end}.p-ac-lg-center{align-content:center}.p-ac-lg-around{align-content:space-around}.p-ac-lg-stretch{align-content:stretch}.p-ac-lg-between{align-content:space-between}}@media screen and (min-width: 1200px){.p-ac-xl-start{align-content:flex-start}.p-ac-xl-end{align-content:flex-end}.p-ac-xl-center{align-content:center}.p-ac-xl-around{align-content:space-around}.p-ac-xl-stretch{align-content:stretch}.p-ac-xl-between{align-content:space-between}}.p-order-0{order:0}.p-order-1{order:1}.p-order-2{order:2}.p-order-3{order:3}.p-order-4{order:4}.p-order-5{order:5}.p-order-6{order:6}@media screen and (min-width: 576px){.p-order-sm-0{order:0}.p-order-sm-1{order:1}.p-order-sm-2{order:2}.p-order-sm-3{order:3}.p-order-sm-4{order:4}.p-order-sm-5{order:5}.p-order-sm-6{order:6}}@media screen and (min-width: 768px){.p-order-md-0{order:0}.p-order-md-1{order:1}.p-order-md-2{order:2}.p-order-md-3{order:3}.p-order-md-4{order:4}.p-order-md-5{order:5}.p-order-md-6{order:6}}@media screen and (min-width: 992px){.p-order-lg-0{order:0}.p-order-lg-1{order:1}.p-order-lg-2{order:2}.p-order-lg-3{order:3}.p-order-lg-4{order:4}.p-order-lg-5{order:5}.p-order-lg-6{order:6}}@media screen and (min-width: 1200px){.p-order-xl-0{order:0}.p-order-xl-1{order:1}.p-order-xl-2{order:2}.p-order-xl-3{order:3}.p-order-xl-4{order:4}.p-order-xl-5{order:5}.p-order-xl-6{order:6}}.p-flex-nowrap{flex-wrap:nowrap}.p-flex-wrap{flex-wrap:wrap}.p-flex-wrap-reverse{flex-wrap:wrap-reverse}@media screen and (min-width: 576px){.p-flex-sm-nowrap{flex-wrap:nowrap}.p-flex-sm-wrap{flex-wrap:wrap}.p-flex-sm-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 768px){.p-flex-md-nowrap{flex-wrap:nowrap}.p-flex-md-wrap{flex-wrap:wrap}.p-flex-md-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 992px){.p-flex-lg-nowrap{flex-wrap:nowrap}.p-flex-lg-wrap{flex-wrap:wrap}.p-flex-lg-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 1200px){.p-flex-xl-nowrap{flex-wrap:nowrap}.p-flex-xl-wrap{flex-wrap:wrap}.p-flex-xl-wrap-reverse{flex-wrap:wrap-reverse}}.p-pt-0{padding-top:0 !important}.p-pt-1{padding-top:.25rem !important}.p-pt-2{padding-top:.5rem !important}.p-pt-3{padding-top:1rem !important}.p-pt-4{padding-top:1.5rem !important}.p-pt-5{padding-top:2rem !important}.p-pt-6{padding-top:3rem !important}.p-pr-0{padding-right:0 !important}.p-pr-1{padding-right:.25rem !important}.p-pr-2{padding-right:.5rem !important}.p-pr-3{padding-right:1rem !important}.p-pr-4{padding-right:1.5rem !important}.p-pr-5{padding-right:2rem !important}.p-pr-6{padding-right:3rem !important}.p-pl-0{padding-left:0 !important}.p-pl-1{padding-left:.25rem !important}.p-pl-2{padding-left:.5rem !important}.p-pl-3{padding-left:1rem !important}.p-pl-4{padding-left:1.5rem !important}.p-pl-5{padding-left:2rem !important}.p-pl-6{padding-left:3rem !important}.p-pb-0{padding-bottom:0 !important}.p-pb-1{padding-bottom:.25rem !important}.p-pb-2{padding-bottom:.5rem !important}.p-pb-3{padding-bottom:1rem !important}.p-pb-4{padding-bottom:1.5rem !important}.p-pb-5{padding-bottom:2rem !important}.p-pb-6{padding-bottom:3rem !important}.p-px-0{padding-left:0 !important;padding-right:0 !important}.p-px-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-0{padding:0 !important}.p-p-1{padding:.25rem !important}.p-p-2{padding:.5rem !important}.p-p-3{padding:1rem !important}.p-p-4{padding:1.5rem !important}.p-p-5{padding:2rem !important}.p-p-6{padding:3rem !important}@media screen and (min-width: 576px){.p-pt-sm-0{padding-top:0 !important}.p-pt-sm-1{padding-top:.25rem !important}.p-pt-sm-2{padding-top:.5rem !important}.p-pt-sm-3{padding-top:1rem !important}.p-pt-sm-4{padding-top:1.5rem !important}.p-pt-sm-5{padding-top:2rem !important}.p-pt-sm-6{padding-top:3rem !important}.p-pr-sm-0{padding-right:0 !important}.p-pr-sm-1{padding-right:.25rem !important}.p-pr-sm-2{padding-right:.5rem !important}.p-pr-sm-3{padding-right:1rem !important}.p-pr-sm-4{padding-right:1.5rem !important}.p-pr-sm-5{padding-right:2rem !important}.p-pr-sm-6{padding-right:3rem !important}.p-pl-sm-0{padding-left:0 !important}.p-pl-sm-1{padding-left:.25rem !important}.p-pl-sm-2{padding-left:.5rem !important}.p-pl-sm-3{padding-left:1rem !important}.p-pl-sm-4{padding-left:1.5rem !important}.p-pl-sm-5{padding-left:2rem !important}.p-pl-sm-6{padding-left:3rem !important}.p-pb-sm-0{padding-bottom:0 !important}.p-pb-sm-1{padding-bottom:.25rem !important}.p-pb-sm-2{padding-bottom:.5rem !important}.p-pb-sm-3{padding-bottom:1rem !important}.p-pb-sm-4{padding-bottom:1.5rem !important}.p-pb-sm-5{padding-bottom:2rem !important}.p-pb-sm-6{padding-bottom:3rem !important}.p-px-sm-0{padding-left:0 !important;padding-right:0 !important}.p-px-sm-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-sm-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-sm-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-sm-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-sm-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-sm-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-sm-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-sm-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-sm-0{padding:0 !important}.p-p-sm-1{padding:.25rem !important}.p-p-sm-2{padding:.5rem !important}.p-p-sm-3{padding:1rem !important}.p-p-sm-4{padding:1.5rem !important}.p-p-sm-5{padding:2rem !important}.p-p-sm-6{padding:3rem !important}}@media screen and (min-width: 768px){.p-pt-md-0{padding-top:0 !important}.p-pt-md-1{padding-top:.25rem !important}.p-pt-md-2{padding-top:.5rem !important}.p-pt-md-3{padding-top:1rem !important}.p-pt-md-4{padding-top:1.5rem !important}.p-pt-md-5{padding-top:2rem !important}.p-pt-md-6{padding-top:3rem !important}.p-pr-md-0{padding-right:0 !important}.p-pr-md-1{padding-right:.25rem !important}.p-pr-md-2{padding-right:.5rem !important}.p-pr-md-3{padding-right:1rem !important}.p-pr-md-4{padding-right:1.5rem !important}.p-pr-md-5{padding-right:2rem !important}.p-pr-md-6{padding-right:3rem !important}.p-pl-md-0{padding-left:0 !important}.p-pl-md-1{padding-left:.25rem !important}.p-pl-md-2{padding-left:.5rem !important}.p-pl-md-3{padding-left:1rem !important}.p-pl-md-4{padding-left:1.5rem !important}.p-pl-md-5{padding-left:2rem !important}.p-pl-md-6{padding-left:3rem !important}.p-pb-md-0{padding-bottom:0 !important}.p-pb-md-1{padding-bottom:.25rem !important}.p-pb-md-2{padding-bottom:.5rem !important}.p-pb-md-3{padding-bottom:1rem !important}.p-pb-md-4{padding-bottom:1.5rem !important}.p-pb-md-5{padding-bottom:2rem !important}.p-pb-md-6{padding-bottom:3rem !important}.p-px-md-0{padding-left:0 !important;padding-right:0 !important}.p-px-md-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-md-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-md-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-md-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-md-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-md-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-md-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-md-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-md-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-md-0{padding:0 !important}.p-p-md-1{padding:.25rem !important}.p-p-md-2{padding:.5rem !important}.p-p-md-3{padding:1rem !important}.p-p-md-4{padding:1.5rem !important}.p-p-md-5{padding:2rem !important}.p-p-md-6{padding:3rem !important}}@media screen and (min-width: 992px){.p-pt-lg-0{padding-top:0 !important}.p-pt-lg-1{padding-top:.25rem !important}.p-pt-lg-2{padding-top:.5rem !important}.p-pt-lg-3{padding-top:1rem !important}.p-pt-lg-4{padding-top:1.5rem !important}.p-pt-lg-5{padding-top:2rem !important}.p-pt-lg-6{padding-top:3rem !important}.p-pt-lg-auto{padding-top:3rem !important}.p-pr-lg-0{padding-right:0 !important}.p-pr-lg-1{padding-right:.25rem !important}.p-pr-lg-2{padding-right:.5rem !important}.p-pr-lg-3{padding-right:1rem !important}.p-pr-lg-4{padding-right:1.5rem !important}.p-pr-lg-5{padding-right:2rem !important}.p-pr-lg-6{padding-right:3rem !important}.p-pl-lg-0{padding-left:0 !important}.p-pl-lg-1{padding-left:.25rem !important}.p-pl-lg-2{padding-left:.5rem !important}.p-pl-lg-3{padding-left:1rem !important}.p-pl-lg-4{padding-left:1.5rem !important}.p-pl-lg-5{padding-left:2rem !important}.p-pl-lg-6{padding-left:3rem !important}.p-pb-lg-0{padding-bottom:0 !important}.p-pb-lg-1{padding-bottom:.25rem !important}.p-pb-lg-2{padding-bottom:.5rem !important}.p-pb-lg-3{padding-bottom:1rem !important}.p-pb-lg-4{padding-bottom:1.5rem !important}.p-pb-lg-5{padding-bottom:2rem !important}.p-pb-lg-6{padding-bottom:3rem !important}.p-px-lg-0{padding-left:0 !important;padding-right:0 !important}.p-px-lg-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-lg-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-lg-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-lg-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-lg-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-lg-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-lg-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-lg-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-lg-0{padding:0 !important}.p-p-lg-1{padding:.25rem !important}.p-p-lg-2{padding:.5rem !important}.p-p-lg-3{padding:1rem !important}.p-p-lg-4{padding:1.5rem !important}.p-p-lg-5{padding:2rem !important}.p-p-lg-6{padding:3rem !important}}@media screen and (min-width: 1200px){.p-pt-xl-0{padding-top:0 !important}.p-pt-xl-1{padding-top:.25rem !important}.p-pt-xl-2{padding-top:.5rem !important}.p-pt-xl-3{padding-top:1rem !important}.p-pt-xl-4{padding-top:1.5rem !important}.p-pt-xl-5{padding-top:2rem !important}.p-pt-xl-6{padding-top:3rem !important}.p-pr-xl-0{padding-right:0 !important}.p-pr-xl-1{padding-right:.25rem !important}.p-pr-xl-2{padding-right:.5rem !important}.p-pr-xl-3{padding-right:1rem !important}.p-pr-xl-4{padding-right:1.5rem !important}.p-pr-xl-5{padding-right:2rem !important}.p-pr-xl-6{padding-right:3rem !important}.p-pl-xl-0{padding-left:0 !important}.p-pl-xl-1{padding-left:.25rem !important}.p-pl-xl-2{padding-left:.5rem !important}.p-pl-xl-3{padding-left:1rem !important}.p-pl-xl-4{padding-left:1.5rem !important}.p-pl-xl-5{padding-left:2rem !important}.p-pl-xl-6{padding-left:3rem !important}.p-pb-xl-0{padding-bottom:0 !important}.p-pb-xl-1{padding-bottom:.25rem !important}.p-pb-xl-2{padding-bottom:.5rem !important}.p-pb-xl-3{padding-bottom:1rem !important}.p-pb-xl-4{padding-bottom:1.5rem !important}.p-pb-xl-5{padding-bottom:2rem !important}.p-pb-xl-6{padding-bottom:3rem !important}.p-px-xl-0{padding-left:0 !important;padding-right:0 !important}.p-px-xl-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-xl-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-xl-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-xl-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-xl-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-xl-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-xl-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-xl-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-xl-0{padding:0 !important}.p-p-xl-1{padding:.25rem !important}.p-p-xl-2{padding:.5rem !important}.p-p-xl-3{padding:1rem !important}.p-p-xl-4{padding:1.5rem !important}.p-p-xl-5{padding:2rem !important}.p-p-xl-6{padding:3rem !important}}.p-mt-0{margin-top:0 !important}.p-mt-1{margin-top:.25rem !important}.p-mt-2{margin-top:.5rem !important}.p-mt-3{margin-top:1rem !important}.p-mt-4{margin-top:1.5rem !important}.p-mt-5{margin-top:2rem !important}.p-mt-6{margin-top:3rem !important}.p-mt-auto{margin-top:auto !important}.p-mr-0{margin-right:0 !important}.p-mr-1{margin-right:.25rem !important}.p-mr-2{margin-right:.5rem !important}.p-mr-3{margin-right:1rem !important}.p-mr-4{margin-right:1.5rem !important}.p-mr-5{margin-right:2rem !important}.p-mr-6{margin-right:3rem !important}.p-mr-auto{margin-right:auto !important}.p-ml-0{margin-left:0 !important}.p-ml-1{margin-left:.25rem !important}.p-ml-2{margin-left:.5rem !important}.p-ml-3{margin-left:1rem !important}.p-ml-4{margin-left:1.5rem !important}.p-ml-5{margin-left:2rem !important}.p-ml-6{margin-left:3rem !important}.p-ml-auto{margin-left:auto !important}.p-mb-0{margin-bottom:0 !important}.p-mb-1{margin-bottom:.25rem !important}.p-mb-2{margin-bottom:.5rem !important}.p-mb-3{margin-bottom:1rem !important}.p-mb-4{margin-bottom:1.5rem !important}.p-mb-5{margin-bottom:2rem !important}.p-mb-6{margin-bottom:3rem !important}.p-mb-auto{margin-bottom:auto !important}.p-mx-0{margin-left:0 !important;margin-right:0 !important}.p-mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-auto{margin-left:auto !important;margin-right:auto !important}.p-my-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-0{margin:0 !important}.p-m-1{margin:.25rem !important}.p-m-2{margin:.5rem !important}.p-m-3{margin:1rem !important}.p-m-4{margin:1.5rem !important}.p-m-5{margin:2rem !important}.p-m-6{margin:3rem !important}.p-m-auto{margin:auto !important}@media screen and (min-width: 576px){.p-mt-sm-0{margin-top:0 !important}.p-mt-sm-1{margin-top:.25rem !important}.p-mt-sm-2{margin-top:.5rem !important}.p-mt-sm-3{margin-top:1rem !important}.p-mt-sm-4{margin-top:1.5rem !important}.p-mt-sm-5{margin-top:2rem !important}.p-mt-sm-6{margin-top:3rem !important}.p-mt-sm-auto{margin-top:3rem !important}.p-mr-sm-0{margin-right:0 !important}.p-mr-sm-1{margin-right:.25rem !important}.p-mr-sm-2{margin-right:.5rem !important}.p-mr-sm-3{margin-right:1rem !important}.p-mr-sm-4{margin-right:1.5rem !important}.p-mr-sm-5{margin-right:2rem !important}.p-mr-sm-6{margin-right:3rem !important}.p-mr-sm-auto{margin-right:auto !important}.p-ml-sm-0{margin-left:0 !important}.p-ml-sm-1{margin-left:.25rem !important}.p-ml-sm-2{margin-left:.5rem !important}.p-ml-sm-3{margin-left:1rem !important}.p-ml-sm-4{margin-left:1.5rem !important}.p-ml-sm-5{margin-left:2rem !important}.p-ml-sm-6{margin-left:3rem !important}.p-ml-sm-auto{margin-left:auto !important}.p-mb-sm-0{margin-bottom:0 !important}.p-mb-sm-1{margin-bottom:.25rem !important}.p-mb-sm-2{margin-bottom:.5rem !important}.p-mb-sm-3{margin-bottom:1rem !important}.p-mb-sm-4{margin-bottom:1.5rem !important}.p-mb-sm-5{margin-bottom:2rem !important}.p-mb-sm-6{margin-bottom:3rem !important}.p-mb-sm-auto{margin-bottom:auto !important}.p-mx-sm-0{margin-left:0 !important;margin-right:0 !important}.p-mx-sm-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-sm-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-sm-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-sm-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-sm-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-sm-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-sm-auto{margin-left:auto !important;margin-right:auto !important}.p-my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-sm-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-sm-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-sm-0{margin:0 !important}.p-m-sm-1{margin:.25rem !important}.p-m-sm-2{margin:.5rem !important}.p-m-sm-3{margin:1rem !important}.p-m-sm-4{margin:1.5rem !important}.p-m-sm-5{margin:2rem !important}.p-m-sm-6{margin:3rem !important}.p-m-sm-auto{margin:auto !important}}@media screen and (min-width: 768px){.p-mt-md-0{margin-top:0 !important}.p-mt-md-1{margin-top:.25rem !important}.p-mt-md-2{margin-top:.5rem !important}.p-mt-md-3{margin-top:1rem !important}.p-mt-md-4{margin-top:1.5rem !important}.p-mt-md-5{margin-top:2rem !important}.p-mt-md-6{margin-top:3rem !important}.p-mt-md-auto{margin-top:3rem !important}.p-mr-md-0{margin-right:0 !important}.p-mr-md-1{margin-right:.25rem !important}.p-mr-md-2{margin-right:.5rem !important}.p-mr-md-3{margin-right:1rem !important}.p-mr-md-4{margin-right:1.5rem !important}.p-mr-md-5{margin-right:2rem !important}.p-mr-md-6{margin-right:3rem !important}.p-mr-md-auto{margin-right:auto !important}.p-ml-md-0{margin-left:0 !important}.p-ml-md-1{margin-left:.25rem !important}.p-ml-md-2{margin-left:.5rem !important}.p-ml-md-3{margin-left:1rem !important}.p-ml-md-4{margin-left:1.5rem !important}.p-ml-md-5{margin-left:2rem !important}.p-ml-md-6{margin-left:3rem !important}.p-ml-md-auto{margin-left:auto !important}.p-mb-md-0{margin-bottom:0 !important}.p-mb-md-1{margin-bottom:.25rem !important}.p-mb-md-2{margin-bottom:.5rem !important}.p-mb-md-3{margin-bottom:1rem !important}.p-mb-md-4{margin-bottom:1.5rem !important}.p-mb-md-5{margin-bottom:2rem !important}.p-mb-md-6{margin-bottom:3rem !important}.p-mb-md-auto{margin-bottom:auto !important}.p-mx-md-0{margin-left:0 !important;margin-right:0 !important}.p-mx-md-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-md-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-md-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-md-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-md-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-md-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-md-auto{margin-left:auto !important;margin-right:auto !important}.p-my-md-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-md-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-md-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-md-0{margin:0 !important}.p-m-md-1{margin:.25rem !important}.p-m-md-2{margin:.5rem !important}.p-m-md-3{margin:1rem !important}.p-m-md-4{margin:1.5rem !important}.p-m-md-5{margin:2rem !important}.p-m-md-6{margin:3rem !important}.p-m-md-auto{margin:auto !important}}@media screen and (min-width: 992px){.p-mt-lg-0{margin-top:0 !important}.p-mt-lg-1{margin-top:.25rem !important}.p-mt-lg-2{margin-top:.5rem !important}.p-mt-lg-3{margin-top:1rem !important}.p-mt-lg-4{margin-top:1.5rem !important}.p-mt-lg-5{margin-top:2rem !important}.p-mt-lg-6{margin-top:3rem !important}.p-mt-lg-auto{margin-top:3rem !important}.p-mr-lg-0{margin-right:0 !important}.p-mr-lg-1{margin-right:.25rem !important}.p-mr-lg-2{margin-right:.5rem !important}.p-mr-lg-3{margin-right:1rem !important}.p-mr-lg-4{margin-right:1.5rem !important}.p-mr-lg-5{margin-right:2rem !important}.p-mr-lg-6{margin-right:3rem !important}.p-mr-lg-auto{margin-right:auto !important}.p-ml-lg-0{margin-left:0 !important}.p-ml-lg-1{margin-left:.25rem !important}.p-ml-lg-2{margin-left:.5rem !important}.p-ml-lg-3{margin-left:1rem !important}.p-ml-lg-4{margin-left:1.5rem !important}.p-ml-lg-5{margin-left:2rem !important}.p-ml-lg-6{margin-left:3rem !important}.p-ml-lg-auto{margin-left:auto !important}.p-mb-lg-0{margin-bottom:0 !important}.p-mb-lg-1{margin-bottom:.25rem !important}.p-mb-lg-2{margin-bottom:.5rem !important}.p-mb-lg-3{margin-bottom:1rem !important}.p-mb-lg-4{margin-bottom:1.5rem !important}.p-mb-lg-5{margin-bottom:2rem !important}.p-mb-lg-6{margin-bottom:3rem !important}.p-mb-lg-auto{margin-bottom:auto !important}.p-mx-lg-0{margin-left:0 !important;margin-right:0 !important}.p-mx-lg-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-lg-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-lg-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-lg-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-lg-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-lg-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-lg-auto{margin-left:auto !important;margin-right:auto !important}.p-my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-lg-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-lg-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-lg-0{margin:0 !important}.p-m-lg-1{margin:.25rem !important}.p-m-lg-2{margin:.5rem !important}.p-m-lg-3{margin:1rem !important}.p-m-lg-4{margin:1.5rem !important}.p-m-lg-5{margin:2rem !important}.p-m-lg-6{margin:3rem !important}.p-m-lg-auto{margin:auto !important}}@media screen and (min-width: 1200px){.p-mt-xl-0{margin-top:0 !important}.p-mt-xl-1{margin-top:.25rem !important}.p-mt-xl-2{margin-top:.5rem !important}.p-mt-xl-3{margin-top:1rem !important}.p-mt-xl-4{margin-top:1.5rem !important}.p-mt-xl-5{margin-top:2rem !important}.p-mt-xl-6{margin-top:3rem !important}.p-mt-xl-auto{margin-top:3rem !important}.p-mr-xl-0{margin-right:0 !important}.p-mr-xl-1{margin-right:.25rem !important}.p-mr-xl-2{margin-right:.5rem !important}.p-mr-xl-3{margin-right:1rem !important}.p-mr-xl-4{margin-right:1.5rem !important}.p-mr-xl-5{margin-right:2rem !important}.p-mr-xl-6{margin-right:3rem !important}.p-mr-xl-auto{margin-right:auto !important}.p-ml-xl-0{margin-left:0 !important}.p-ml-xl-1{margin-left:.25rem !important}.p-ml-xl-2{margin-left:.5rem !important}.p-ml-xl-3{margin-left:1rem !important}.p-ml-xl-4{margin-left:1.5rem !important}.p-ml-xl-5{margin-left:2rem !important}.p-ml-xl-6{margin-left:3rem !important}.p-ml-xl-auto{margin-left:auto !important}.p-mb-xl-0{margin-bottom:0 !important}.p-mb-xl-1{margin-bottom:.25rem !important}.p-mb-xl-2{margin-bottom:.5rem !important}.p-mb-xl-3{margin-bottom:1rem !important}.p-mb-xl-4{margin-bottom:1.5rem !important}.p-mb-xl-5{margin-bottom:2rem !important}.p-mb-xl-6{margin-bottom:3rem !important}.p-mb-xl-auto{margin-bottom:auto !important}.p-mx-xl-0{margin-left:0 !important;margin-right:0 !important}.p-mx-xl-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-xl-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-xl-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-xl-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-xl-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-xl-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-xl-auto{margin-left:auto !important;margin-right:auto !important}.p-my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-xl-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-xl-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-xl-0{margin:0 !important}.p-m-xl-1{margin:.25rem !important}.p-m-xl-2{margin:.5rem !important}.p-m-xl-3{margin:1rem !important}.p-m-xl-4{margin:1.5rem !important}.p-m-xl-5{margin:2rem !important}.p-m-xl-6{margin:3rem !important}.p-m-xl-auto{margin:auto !important}}.p-shadow-1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.p-shadow-2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.p-shadow-3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.p-shadow-4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.p-shadow-5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.p-shadow-6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.p-shadow-7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.p-shadow-8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.p-shadow-9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.p-shadow-10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.p-shadow-11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.p-shadow-12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.p-shadow-13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.p-shadow-14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.p-shadow-15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.p-shadow-16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.p-shadow-17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.p-shadow-18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.p-shadow-19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.p-shadow-20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.p-shadow-21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.p-shadow-22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.p-shadow-23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.p-shadow-24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/freya-layout/css/primeflex.min.css b/src/main/resources/META-INF/resources/freya-layout/css/primeflex.min.css new file mode 100644 index 0000000..bfe2752 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/css/primeflex.min.css @@ -0,0 +1 @@ +.grid{display:flex;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem;margin-top:-0.5rem}.grid>.col,.grid>[class*=col]{box-sizing:border-box}.grid-nogutter{margin-right:0;margin-left:0;margin-top:0}.grid-nogutter>.col,.grid-nogutter>[class*=col-]{padding:0}.col{flex-grow:1;flex-basis:0;padding:.5rem}.col-fixed{flex:0 0 auto;padding:.5rem}.col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.col-3{flex:0 0 auto;padding:.5rem;width:25%}.col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.col-6{flex:0 0 auto;padding:.5rem;width:50%}.col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.col-9{flex:0 0 auto;padding:.5rem;width:75%}.col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.col-12{flex:0 0 auto;padding:.5rem;width:100%}@media screen and (min-width: 576px){.sm\:col{flex-grow:1;flex-basis:0;padding:.5rem}.sm\:col-fixed{flex:0 0 auto;padding:.5rem}.sm\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.sm\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.sm\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.sm\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.sm\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.sm\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.sm\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.sm\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.sm\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.sm\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.sm\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.sm\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 768px){.md\:col{flex-grow:1;flex-basis:0;padding:.5rem}.md\:col-fixed{flex:0 0 auto;padding:.5rem}.md\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.md\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.md\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.md\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.md\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.md\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.md\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.md\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.md\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.md\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.md\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.md\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 992px){.lg\:col{flex-grow:1;flex-basis:0;padding:.5rem}.lg\:col-fixed{flex:0 0 auto;padding:.5rem}.lg\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.lg\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.lg\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.lg\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.lg\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.lg\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.lg\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.lg\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.lg\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.lg\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.lg\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.lg\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 1200px){.xl\:col{flex-grow:1;flex-basis:0;padding:.5rem}.xl\:col-fixed{flex:0 0 auto;padding:.5rem}.xl\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.xl\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.xl\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.xl\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.xl\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.xl\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.xl\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.xl\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.xl\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.xl\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.xl\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.xl\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}.col-offset-0{margin-left:0 !important}.col-offset-1{margin-left:8.3333% !important}.col-offset-2{margin-left:16.6667% !important}.col-offset-3{margin-left:25% !important}.col-offset-4{margin-left:33.3333% !important}.col-offset-5{margin-left:41.6667% !important}.col-offset-6{margin-left:50% !important}.col-offset-7{margin-left:58.3333% !important}.col-offset-8{margin-left:66.6667% !important}.col-offset-9{margin-left:75% !important}.col-offset-10{margin-left:83.3333% !important}.col-offset-11{margin-left:91.6667% !important}.col-offset-12{margin-left:100% !important}@media screen and (min-width: 576px){.sm\:col-offset-0{margin-left:0 !important}.sm\:col-offset-1{margin-left:8.3333% !important}.sm\:col-offset-2{margin-left:16.6667% !important}.sm\:col-offset-3{margin-left:25% !important}.sm\:col-offset-4{margin-left:33.3333% !important}.sm\:col-offset-5{margin-left:41.6667% !important}.sm\:col-offset-6{margin-left:50% !important}.sm\:col-offset-7{margin-left:58.3333% !important}.sm\:col-offset-8{margin-left:66.6667% !important}.sm\:col-offset-9{margin-left:75% !important}.sm\:col-offset-10{margin-left:83.3333% !important}.sm\:col-offset-11{margin-left:91.6667% !important}.sm\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 768px){.md\:col-offset-0{margin-left:0 !important}.md\:col-offset-1{margin-left:8.3333% !important}.md\:col-offset-2{margin-left:16.6667% !important}.md\:col-offset-3{margin-left:25% !important}.md\:col-offset-4{margin-left:33.3333% !important}.md\:col-offset-5{margin-left:41.6667% !important}.md\:col-offset-6{margin-left:50% !important}.md\:col-offset-7{margin-left:58.3333% !important}.md\:col-offset-8{margin-left:66.6667% !important}.md\:col-offset-9{margin-left:75% !important}.md\:col-offset-10{margin-left:83.3333% !important}.md\:col-offset-11{margin-left:91.6667% !important}.md\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 992px){.lg\:col-offset-0{margin-left:0 !important}.lg\:col-offset-1{margin-left:8.3333% !important}.lg\:col-offset-2{margin-left:16.6667% !important}.lg\:col-offset-3{margin-left:25% !important}.lg\:col-offset-4{margin-left:33.3333% !important}.lg\:col-offset-5{margin-left:41.6667% !important}.lg\:col-offset-6{margin-left:50% !important}.lg\:col-offset-7{margin-left:58.3333% !important}.lg\:col-offset-8{margin-left:66.6667% !important}.lg\:col-offset-9{margin-left:75% !important}.lg\:col-offset-10{margin-left:83.3333% !important}.lg\:col-offset-11{margin-left:91.6667% !important}.lg\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 1200px){.xl\:col-offset-0{margin-left:0 !important}.xl\:col-offset-1{margin-left:8.3333% !important}.xl\:col-offset-2{margin-left:16.6667% !important}.xl\:col-offset-3{margin-left:25% !important}.xl\:col-offset-4{margin-left:33.3333% !important}.xl\:col-offset-5{margin-left:41.6667% !important}.xl\:col-offset-6{margin-left:50% !important}.xl\:col-offset-7{margin-left:58.3333% !important}.xl\:col-offset-8{margin-left:66.6667% !important}.xl\:col-offset-9{margin-left:75% !important}.xl\:col-offset-10{margin-left:83.3333% !important}.xl\:col-offset-11{margin-left:91.6667% !important}.xl\:col-offset-12{margin-left:100% !important}}.text-0{color:var(--surface-0) !important}.text-50{color:var(--surface-50) !important}.text-100{color:var(--surface-100) !important}.text-200{color:var(--surface-200) !important}.text-300{color:var(--surface-300) !important}.text-400{color:var(--surface-400) !important}.text-500{color:var(--surface-500) !important}.text-600{color:var(--surface-600) !important}.text-700{color:var(--surface-700) !important}.text-800{color:var(--surface-800) !important}.text-900{color:var(--surface-900) !important}.focus\:text-0:focus{color:var(--surface-0) !important}.hover\:text-0:hover{color:var(--surface-0) !important}.active\:text-0:active{color:var(--surface-0) !important}.focus\:text-50:focus{color:var(--surface-50) !important}.hover\:text-50:hover{color:var(--surface-50) !important}.active\:text-50:active{color:var(--surface-50) !important}.focus\:text-100:focus{color:var(--surface-100) !important}.hover\:text-100:hover{color:var(--surface-100) !important}.active\:text-100:active{color:var(--surface-100) !important}.focus\:text-200:focus{color:var(--surface-200) !important}.hover\:text-200:hover{color:var(--surface-200) !important}.active\:text-200:active{color:var(--surface-200) !important}.focus\:text-300:focus{color:var(--surface-300) !important}.hover\:text-300:hover{color:var(--surface-300) !important}.active\:text-300:active{color:var(--surface-300) !important}.focus\:text-400:focus{color:var(--surface-400) !important}.hover\:text-400:hover{color:var(--surface-400) !important}.active\:text-400:active{color:var(--surface-400) !important}.focus\:text-500:focus{color:var(--surface-500) !important}.hover\:text-500:hover{color:var(--surface-500) !important}.active\:text-500:active{color:var(--surface-500) !important}.focus\:text-600:focus{color:var(--surface-600) !important}.hover\:text-600:hover{color:var(--surface-600) !important}.active\:text-600:active{color:var(--surface-600) !important}.focus\:text-700:focus{color:var(--surface-700) !important}.hover\:text-700:hover{color:var(--surface-700) !important}.active\:text-700:active{color:var(--surface-700) !important}.focus\:text-800:focus{color:var(--surface-800) !important}.hover\:text-800:hover{color:var(--surface-800) !important}.active\:text-800:active{color:var(--surface-800) !important}.focus\:text-900:focus{color:var(--surface-900) !important}.hover\:text-900:hover{color:var(--surface-900) !important}.active\:text-900:active{color:var(--surface-900) !important}.surface-0{background-color:var(--surface-0) !important}.surface-50{background-color:var(--surface-50) !important}.surface-100{background-color:var(--surface-100) !important}.surface-200{background-color:var(--surface-200) !important}.surface-300{background-color:var(--surface-300) !important}.surface-400{background-color:var(--surface-400) !important}.surface-500{background-color:var(--surface-500) !important}.surface-600{background-color:var(--surface-600) !important}.surface-700{background-color:var(--surface-700) !important}.surface-800{background-color:var(--surface-800) !important}.surface-900{background-color:var(--surface-900) !important}.focus\:surface-0:focus{background-color:var(--surface-0) !important}.hover\:surface-0:hover{background-color:var(--surface-0) !important}.active\:surface-0:active{background-color:var(--surface-0) !important}.focus\:surface-50:focus{background-color:var(--surface-50) !important}.hover\:surface-50:hover{background-color:var(--surface-50) !important}.active\:surface-50:active{background-color:var(--surface-50) !important}.focus\:surface-100:focus{background-color:var(--surface-100) !important}.hover\:surface-100:hover{background-color:var(--surface-100) !important}.active\:surface-100:active{background-color:var(--surface-100) !important}.focus\:surface-200:focus{background-color:var(--surface-200) !important}.hover\:surface-200:hover{background-color:var(--surface-200) !important}.active\:surface-200:active{background-color:var(--surface-200) !important}.focus\:surface-300:focus{background-color:var(--surface-300) !important}.hover\:surface-300:hover{background-color:var(--surface-300) !important}.active\:surface-300:active{background-color:var(--surface-300) !important}.focus\:surface-400:focus{background-color:var(--surface-400) !important}.hover\:surface-400:hover{background-color:var(--surface-400) !important}.active\:surface-400:active{background-color:var(--surface-400) !important}.focus\:surface-500:focus{background-color:var(--surface-500) !important}.hover\:surface-500:hover{background-color:var(--surface-500) !important}.active\:surface-500:active{background-color:var(--surface-500) !important}.focus\:surface-600:focus{background-color:var(--surface-600) !important}.hover\:surface-600:hover{background-color:var(--surface-600) !important}.active\:surface-600:active{background-color:var(--surface-600) !important}.focus\:surface-700:focus{background-color:var(--surface-700) !important}.hover\:surface-700:hover{background-color:var(--surface-700) !important}.active\:surface-700:active{background-color:var(--surface-700) !important}.focus\:surface-800:focus{background-color:var(--surface-800) !important}.hover\:surface-800:hover{background-color:var(--surface-800) !important}.active\:surface-800:active{background-color:var(--surface-800) !important}.focus\:surface-900:focus{background-color:var(--surface-900) !important}.hover\:surface-900:hover{background-color:var(--surface-900) !important}.active\:surface-900:active{background-color:var(--surface-900) !important}.border-0{border-color:var(--surface-0) !important}.border-50{border-color:var(--surface-50) !important}.border-100{border-color:var(--surface-100) !important}.border-200{border-color:var(--surface-200) !important}.border-300{border-color:var(--surface-300) !important}.border-400{border-color:var(--surface-400) !important}.border-500{border-color:var(--surface-500) !important}.border-600{border-color:var(--surface-600) !important}.border-700{border-color:var(--surface-700) !important}.border-800{border-color:var(--surface-800) !important}.border-900{border-color:var(--surface-900) !important}.focus\:border-0:focus{border-color:var(--surface-0) !important}.hover\:border-0:hover{border-color:var(--surface-0) !important}.active\:border-0:active{border-color:var(--surface-0) !important}.focus\:border-50:focus{border-color:var(--surface-50) !important}.hover\:border-50:hover{border-color:var(--surface-50) !important}.active\:border-50:active{border-color:var(--surface-50) !important}.focus\:border-100:focus{border-color:var(--surface-100) !important}.hover\:border-100:hover{border-color:var(--surface-100) !important}.active\:border-100:active{border-color:var(--surface-100) !important}.focus\:border-200:focus{border-color:var(--surface-200) !important}.hover\:border-200:hover{border-color:var(--surface-200) !important}.active\:border-200:active{border-color:var(--surface-200) !important}.focus\:border-300:focus{border-color:var(--surface-300) !important}.hover\:border-300:hover{border-color:var(--surface-300) !important}.active\:border-300:active{border-color:var(--surface-300) !important}.focus\:border-400:focus{border-color:var(--surface-400) !important}.hover\:border-400:hover{border-color:var(--surface-400) !important}.active\:border-400:active{border-color:var(--surface-400) !important}.focus\:border-500:focus{border-color:var(--surface-500) !important}.hover\:border-500:hover{border-color:var(--surface-500) !important}.active\:border-500:active{border-color:var(--surface-500) !important}.focus\:border-600:focus{border-color:var(--surface-600) !important}.hover\:border-600:hover{border-color:var(--surface-600) !important}.active\:border-600:active{border-color:var(--surface-600) !important}.focus\:border-700:focus{border-color:var(--surface-700) !important}.hover\:border-700:hover{border-color:var(--surface-700) !important}.active\:border-700:active{border-color:var(--surface-700) !important}.focus\:border-800:focus{border-color:var(--surface-800) !important}.hover\:border-800:hover{border-color:var(--surface-800) !important}.active\:border-800:active{border-color:var(--surface-800) !important}.focus\:border-900:focus{border-color:var(--surface-900) !important}.hover\:border-900:hover{border-color:var(--surface-900) !important}.active\:border-900:active{border-color:var(--surface-900) !important}.bg-transparent{background-color:transparent !important}@media screen and (min-width: 576px){.sm\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 768px){.md\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 992px){.lg\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:bg-transparent{background-color:transparent !important}}.border-transparent{border-color:transparent !important}@media screen and (min-width: 576px){.sm\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 768px){.md\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 992px){.lg\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:border-transparent{border-color:transparent !important}}.text-blue-50{color:var(--blue-50) !important}.text-blue-100{color:var(--blue-100) !important}.text-blue-200{color:var(--blue-200) !important}.text-blue-300{color:var(--blue-300) !important}.text-blue-400{color:var(--blue-400) !important}.text-blue-500{color:var(--blue-500) !important}.text-blue-600{color:var(--blue-600) !important}.text-blue-700{color:var(--blue-700) !important}.text-blue-800{color:var(--blue-800) !important}.text-blue-900{color:var(--blue-900) !important}.focus\:text-blue-50:focus{color:var(--blue-50) !important}.focus\:text-blue-100:focus{color:var(--blue-100) !important}.focus\:text-blue-200:focus{color:var(--blue-200) !important}.focus\:text-blue-300:focus{color:var(--blue-300) !important}.focus\:text-blue-400:focus{color:var(--blue-400) !important}.focus\:text-blue-500:focus{color:var(--blue-500) !important}.focus\:text-blue-600:focus{color:var(--blue-600) !important}.focus\:text-blue-700:focus{color:var(--blue-700) !important}.focus\:text-blue-800:focus{color:var(--blue-800) !important}.focus\:text-blue-900:focus{color:var(--blue-900) !important}.hover\:text-blue-50:hover{color:var(--blue-50) !important}.hover\:text-blue-100:hover{color:var(--blue-100) !important}.hover\:text-blue-200:hover{color:var(--blue-200) !important}.hover\:text-blue-300:hover{color:var(--blue-300) !important}.hover\:text-blue-400:hover{color:var(--blue-400) !important}.hover\:text-blue-500:hover{color:var(--blue-500) !important}.hover\:text-blue-600:hover{color:var(--blue-600) !important}.hover\:text-blue-700:hover{color:var(--blue-700) !important}.hover\:text-blue-800:hover{color:var(--blue-800) !important}.hover\:text-blue-900:hover{color:var(--blue-900) !important}.active\:text-blue-50:active{color:var(--blue-50) !important}.active\:text-blue-100:active{color:var(--blue-100) !important}.active\:text-blue-200:active{color:var(--blue-200) !important}.active\:text-blue-300:active{color:var(--blue-300) !important}.active\:text-blue-400:active{color:var(--blue-400) !important}.active\:text-blue-500:active{color:var(--blue-500) !important}.active\:text-blue-600:active{color:var(--blue-600) !important}.active\:text-blue-700:active{color:var(--blue-700) !important}.active\:text-blue-800:active{color:var(--blue-800) !important}.active\:text-blue-900:active{color:var(--blue-900) !important}.text-green-50{color:var(--green-50) !important}.text-green-100{color:var(--green-100) !important}.text-green-200{color:var(--green-200) !important}.text-green-300{color:var(--green-300) !important}.text-green-400{color:var(--green-400) !important}.text-green-500{color:var(--green-500) !important}.text-green-600{color:var(--green-600) !important}.text-green-700{color:var(--green-700) !important}.text-green-800{color:var(--green-800) !important}.text-green-900{color:var(--green-900) !important}.focus\:text-green-50:focus{color:var(--green-50) !important}.focus\:text-green-100:focus{color:var(--green-100) !important}.focus\:text-green-200:focus{color:var(--green-200) !important}.focus\:text-green-300:focus{color:var(--green-300) !important}.focus\:text-green-400:focus{color:var(--green-400) !important}.focus\:text-green-500:focus{color:var(--green-500) !important}.focus\:text-green-600:focus{color:var(--green-600) !important}.focus\:text-green-700:focus{color:var(--green-700) !important}.focus\:text-green-800:focus{color:var(--green-800) !important}.focus\:text-green-900:focus{color:var(--green-900) !important}.hover\:text-green-50:hover{color:var(--green-50) !important}.hover\:text-green-100:hover{color:var(--green-100) !important}.hover\:text-green-200:hover{color:var(--green-200) !important}.hover\:text-green-300:hover{color:var(--green-300) !important}.hover\:text-green-400:hover{color:var(--green-400) !important}.hover\:text-green-500:hover{color:var(--green-500) !important}.hover\:text-green-600:hover{color:var(--green-600) !important}.hover\:text-green-700:hover{color:var(--green-700) !important}.hover\:text-green-800:hover{color:var(--green-800) !important}.hover\:text-green-900:hover{color:var(--green-900) !important}.active\:text-green-50:active{color:var(--green-50) !important}.active\:text-green-100:active{color:var(--green-100) !important}.active\:text-green-200:active{color:var(--green-200) !important}.active\:text-green-300:active{color:var(--green-300) !important}.active\:text-green-400:active{color:var(--green-400) !important}.active\:text-green-500:active{color:var(--green-500) !important}.active\:text-green-600:active{color:var(--green-600) !important}.active\:text-green-700:active{color:var(--green-700) !important}.active\:text-green-800:active{color:var(--green-800) !important}.active\:text-green-900:active{color:var(--green-900) !important}.text-yellow-50{color:var(--yellow-50) !important}.text-yellow-100{color:var(--yellow-100) !important}.text-yellow-200{color:var(--yellow-200) !important}.text-yellow-300{color:var(--yellow-300) !important}.text-yellow-400{color:var(--yellow-400) !important}.text-yellow-500{color:var(--yellow-500) !important}.text-yellow-600{color:var(--yellow-600) !important}.text-yellow-700{color:var(--yellow-700) !important}.text-yellow-800{color:var(--yellow-800) !important}.text-yellow-900{color:var(--yellow-900) !important}.focus\:text-yellow-50:focus{color:var(--yellow-50) !important}.focus\:text-yellow-100:focus{color:var(--yellow-100) !important}.focus\:text-yellow-200:focus{color:var(--yellow-200) !important}.focus\:text-yellow-300:focus{color:var(--yellow-300) !important}.focus\:text-yellow-400:focus{color:var(--yellow-400) !important}.focus\:text-yellow-500:focus{color:var(--yellow-500) !important}.focus\:text-yellow-600:focus{color:var(--yellow-600) !important}.focus\:text-yellow-700:focus{color:var(--yellow-700) !important}.focus\:text-yellow-800:focus{color:var(--yellow-800) !important}.focus\:text-yellow-900:focus{color:var(--yellow-900) !important}.hover\:text-yellow-50:hover{color:var(--yellow-50) !important}.hover\:text-yellow-100:hover{color:var(--yellow-100) !important}.hover\:text-yellow-200:hover{color:var(--yellow-200) !important}.hover\:text-yellow-300:hover{color:var(--yellow-300) !important}.hover\:text-yellow-400:hover{color:var(--yellow-400) !important}.hover\:text-yellow-500:hover{color:var(--yellow-500) !important}.hover\:text-yellow-600:hover{color:var(--yellow-600) !important}.hover\:text-yellow-700:hover{color:var(--yellow-700) !important}.hover\:text-yellow-800:hover{color:var(--yellow-800) !important}.hover\:text-yellow-900:hover{color:var(--yellow-900) !important}.active\:text-yellow-50:active{color:var(--yellow-50) !important}.active\:text-yellow-100:active{color:var(--yellow-100) !important}.active\:text-yellow-200:active{color:var(--yellow-200) !important}.active\:text-yellow-300:active{color:var(--yellow-300) !important}.active\:text-yellow-400:active{color:var(--yellow-400) !important}.active\:text-yellow-500:active{color:var(--yellow-500) !important}.active\:text-yellow-600:active{color:var(--yellow-600) !important}.active\:text-yellow-700:active{color:var(--yellow-700) !important}.active\:text-yellow-800:active{color:var(--yellow-800) !important}.active\:text-yellow-900:active{color:var(--yellow-900) !important}.text-cyan-50{color:var(--cyan-50) !important}.text-cyan-100{color:var(--cyan-100) !important}.text-cyan-200{color:var(--cyan-200) !important}.text-cyan-300{color:var(--cyan-300) !important}.text-cyan-400{color:var(--cyan-400) !important}.text-cyan-500{color:var(--cyan-500) !important}.text-cyan-600{color:var(--cyan-600) !important}.text-cyan-700{color:var(--cyan-700) !important}.text-cyan-800{color:var(--cyan-800) !important}.text-cyan-900{color:var(--cyan-900) !important}.focus\:text-cyan-50:focus{color:var(--cyan-50) !important}.focus\:text-cyan-100:focus{color:var(--cyan-100) !important}.focus\:text-cyan-200:focus{color:var(--cyan-200) !important}.focus\:text-cyan-300:focus{color:var(--cyan-300) !important}.focus\:text-cyan-400:focus{color:var(--cyan-400) !important}.focus\:text-cyan-500:focus{color:var(--cyan-500) !important}.focus\:text-cyan-600:focus{color:var(--cyan-600) !important}.focus\:text-cyan-700:focus{color:var(--cyan-700) !important}.focus\:text-cyan-800:focus{color:var(--cyan-800) !important}.focus\:text-cyan-900:focus{color:var(--cyan-900) !important}.hover\:text-cyan-50:hover{color:var(--cyan-50) !important}.hover\:text-cyan-100:hover{color:var(--cyan-100) !important}.hover\:text-cyan-200:hover{color:var(--cyan-200) !important}.hover\:text-cyan-300:hover{color:var(--cyan-300) !important}.hover\:text-cyan-400:hover{color:var(--cyan-400) !important}.hover\:text-cyan-500:hover{color:var(--cyan-500) !important}.hover\:text-cyan-600:hover{color:var(--cyan-600) !important}.hover\:text-cyan-700:hover{color:var(--cyan-700) !important}.hover\:text-cyan-800:hover{color:var(--cyan-800) !important}.hover\:text-cyan-900:hover{color:var(--cyan-900) !important}.active\:text-cyan-50:active{color:var(--cyan-50) !important}.active\:text-cyan-100:active{color:var(--cyan-100) !important}.active\:text-cyan-200:active{color:var(--cyan-200) !important}.active\:text-cyan-300:active{color:var(--cyan-300) !important}.active\:text-cyan-400:active{color:var(--cyan-400) !important}.active\:text-cyan-500:active{color:var(--cyan-500) !important}.active\:text-cyan-600:active{color:var(--cyan-600) !important}.active\:text-cyan-700:active{color:var(--cyan-700) !important}.active\:text-cyan-800:active{color:var(--cyan-800) !important}.active\:text-cyan-900:active{color:var(--cyan-900) !important}.text-pink-50{color:var(--pink-50) !important}.text-pink-100{color:var(--pink-100) !important}.text-pink-200{color:var(--pink-200) !important}.text-pink-300{color:var(--pink-300) !important}.text-pink-400{color:var(--pink-400) !important}.text-pink-500{color:var(--pink-500) !important}.text-pink-600{color:var(--pink-600) !important}.text-pink-700{color:var(--pink-700) !important}.text-pink-800{color:var(--pink-800) !important}.text-pink-900{color:var(--pink-900) !important}.focus\:text-pink-50:focus{color:var(--pink-50) !important}.focus\:text-pink-100:focus{color:var(--pink-100) !important}.focus\:text-pink-200:focus{color:var(--pink-200) !important}.focus\:text-pink-300:focus{color:var(--pink-300) !important}.focus\:text-pink-400:focus{color:var(--pink-400) !important}.focus\:text-pink-500:focus{color:var(--pink-500) !important}.focus\:text-pink-600:focus{color:var(--pink-600) !important}.focus\:text-pink-700:focus{color:var(--pink-700) !important}.focus\:text-pink-800:focus{color:var(--pink-800) !important}.focus\:text-pink-900:focus{color:var(--pink-900) !important}.hover\:text-pink-50:hover{color:var(--pink-50) !important}.hover\:text-pink-100:hover{color:var(--pink-100) !important}.hover\:text-pink-200:hover{color:var(--pink-200) !important}.hover\:text-pink-300:hover{color:var(--pink-300) !important}.hover\:text-pink-400:hover{color:var(--pink-400) !important}.hover\:text-pink-500:hover{color:var(--pink-500) !important}.hover\:text-pink-600:hover{color:var(--pink-600) !important}.hover\:text-pink-700:hover{color:var(--pink-700) !important}.hover\:text-pink-800:hover{color:var(--pink-800) !important}.hover\:text-pink-900:hover{color:var(--pink-900) !important}.active\:text-pink-50:active{color:var(--pink-50) !important}.active\:text-pink-100:active{color:var(--pink-100) !important}.active\:text-pink-200:active{color:var(--pink-200) !important}.active\:text-pink-300:active{color:var(--pink-300) !important}.active\:text-pink-400:active{color:var(--pink-400) !important}.active\:text-pink-500:active{color:var(--pink-500) !important}.active\:text-pink-600:active{color:var(--pink-600) !important}.active\:text-pink-700:active{color:var(--pink-700) !important}.active\:text-pink-800:active{color:var(--pink-800) !important}.active\:text-pink-900:active{color:var(--pink-900) !important}.text-indigo-50{color:var(--indigo-50) !important}.text-indigo-100{color:var(--indigo-100) !important}.text-indigo-200{color:var(--indigo-200) !important}.text-indigo-300{color:var(--indigo-300) !important}.text-indigo-400{color:var(--indigo-400) !important}.text-indigo-500{color:var(--indigo-500) !important}.text-indigo-600{color:var(--indigo-600) !important}.text-indigo-700{color:var(--indigo-700) !important}.text-indigo-800{color:var(--indigo-800) !important}.text-indigo-900{color:var(--indigo-900) !important}.focus\:text-indigo-50:focus{color:var(--indigo-50) !important}.focus\:text-indigo-100:focus{color:var(--indigo-100) !important}.focus\:text-indigo-200:focus{color:var(--indigo-200) !important}.focus\:text-indigo-300:focus{color:var(--indigo-300) !important}.focus\:text-indigo-400:focus{color:var(--indigo-400) !important}.focus\:text-indigo-500:focus{color:var(--indigo-500) !important}.focus\:text-indigo-600:focus{color:var(--indigo-600) !important}.focus\:text-indigo-700:focus{color:var(--indigo-700) !important}.focus\:text-indigo-800:focus{color:var(--indigo-800) !important}.focus\:text-indigo-900:focus{color:var(--indigo-900) !important}.hover\:text-indigo-50:hover{color:var(--indigo-50) !important}.hover\:text-indigo-100:hover{color:var(--indigo-100) !important}.hover\:text-indigo-200:hover{color:var(--indigo-200) !important}.hover\:text-indigo-300:hover{color:var(--indigo-300) !important}.hover\:text-indigo-400:hover{color:var(--indigo-400) !important}.hover\:text-indigo-500:hover{color:var(--indigo-500) !important}.hover\:text-indigo-600:hover{color:var(--indigo-600) !important}.hover\:text-indigo-700:hover{color:var(--indigo-700) !important}.hover\:text-indigo-800:hover{color:var(--indigo-800) !important}.hover\:text-indigo-900:hover{color:var(--indigo-900) !important}.active\:text-indigo-50:active{color:var(--indigo-50) !important}.active\:text-indigo-100:active{color:var(--indigo-100) !important}.active\:text-indigo-200:active{color:var(--indigo-200) !important}.active\:text-indigo-300:active{color:var(--indigo-300) !important}.active\:text-indigo-400:active{color:var(--indigo-400) !important}.active\:text-indigo-500:active{color:var(--indigo-500) !important}.active\:text-indigo-600:active{color:var(--indigo-600) !important}.active\:text-indigo-700:active{color:var(--indigo-700) !important}.active\:text-indigo-800:active{color:var(--indigo-800) !important}.active\:text-indigo-900:active{color:var(--indigo-900) !important}.text-teal-50{color:var(--teal-50) !important}.text-teal-100{color:var(--teal-100) !important}.text-teal-200{color:var(--teal-200) !important}.text-teal-300{color:var(--teal-300) !important}.text-teal-400{color:var(--teal-400) !important}.text-teal-500{color:var(--teal-500) !important}.text-teal-600{color:var(--teal-600) !important}.text-teal-700{color:var(--teal-700) !important}.text-teal-800{color:var(--teal-800) !important}.text-teal-900{color:var(--teal-900) !important}.focus\:text-teal-50:focus{color:var(--teal-50) !important}.focus\:text-teal-100:focus{color:var(--teal-100) !important}.focus\:text-teal-200:focus{color:var(--teal-200) !important}.focus\:text-teal-300:focus{color:var(--teal-300) !important}.focus\:text-teal-400:focus{color:var(--teal-400) !important}.focus\:text-teal-500:focus{color:var(--teal-500) !important}.focus\:text-teal-600:focus{color:var(--teal-600) !important}.focus\:text-teal-700:focus{color:var(--teal-700) !important}.focus\:text-teal-800:focus{color:var(--teal-800) !important}.focus\:text-teal-900:focus{color:var(--teal-900) !important}.hover\:text-teal-50:hover{color:var(--teal-50) !important}.hover\:text-teal-100:hover{color:var(--teal-100) !important}.hover\:text-teal-200:hover{color:var(--teal-200) !important}.hover\:text-teal-300:hover{color:var(--teal-300) !important}.hover\:text-teal-400:hover{color:var(--teal-400) !important}.hover\:text-teal-500:hover{color:var(--teal-500) !important}.hover\:text-teal-600:hover{color:var(--teal-600) !important}.hover\:text-teal-700:hover{color:var(--teal-700) !important}.hover\:text-teal-800:hover{color:var(--teal-800) !important}.hover\:text-teal-900:hover{color:var(--teal-900) !important}.active\:text-teal-50:active{color:var(--teal-50) !important}.active\:text-teal-100:active{color:var(--teal-100) !important}.active\:text-teal-200:active{color:var(--teal-200) !important}.active\:text-teal-300:active{color:var(--teal-300) !important}.active\:text-teal-400:active{color:var(--teal-400) !important}.active\:text-teal-500:active{color:var(--teal-500) !important}.active\:text-teal-600:active{color:var(--teal-600) !important}.active\:text-teal-700:active{color:var(--teal-700) !important}.active\:text-teal-800:active{color:var(--teal-800) !important}.active\:text-teal-900:active{color:var(--teal-900) !important}.text-orange-50{color:var(--orange-50) !important}.text-orange-100{color:var(--orange-100) !important}.text-orange-200{color:var(--orange-200) !important}.text-orange-300{color:var(--orange-300) !important}.text-orange-400{color:var(--orange-400) !important}.text-orange-500{color:var(--orange-500) !important}.text-orange-600{color:var(--orange-600) !important}.text-orange-700{color:var(--orange-700) !important}.text-orange-800{color:var(--orange-800) !important}.text-orange-900{color:var(--orange-900) !important}.focus\:text-orange-50:focus{color:var(--orange-50) !important}.focus\:text-orange-100:focus{color:var(--orange-100) !important}.focus\:text-orange-200:focus{color:var(--orange-200) !important}.focus\:text-orange-300:focus{color:var(--orange-300) !important}.focus\:text-orange-400:focus{color:var(--orange-400) !important}.focus\:text-orange-500:focus{color:var(--orange-500) !important}.focus\:text-orange-600:focus{color:var(--orange-600) !important}.focus\:text-orange-700:focus{color:var(--orange-700) !important}.focus\:text-orange-800:focus{color:var(--orange-800) !important}.focus\:text-orange-900:focus{color:var(--orange-900) !important}.hover\:text-orange-50:hover{color:var(--orange-50) !important}.hover\:text-orange-100:hover{color:var(--orange-100) !important}.hover\:text-orange-200:hover{color:var(--orange-200) !important}.hover\:text-orange-300:hover{color:var(--orange-300) !important}.hover\:text-orange-400:hover{color:var(--orange-400) !important}.hover\:text-orange-500:hover{color:var(--orange-500) !important}.hover\:text-orange-600:hover{color:var(--orange-600) !important}.hover\:text-orange-700:hover{color:var(--orange-700) !important}.hover\:text-orange-800:hover{color:var(--orange-800) !important}.hover\:text-orange-900:hover{color:var(--orange-900) !important}.active\:text-orange-50:active{color:var(--orange-50) !important}.active\:text-orange-100:active{color:var(--orange-100) !important}.active\:text-orange-200:active{color:var(--orange-200) !important}.active\:text-orange-300:active{color:var(--orange-300) !important}.active\:text-orange-400:active{color:var(--orange-400) !important}.active\:text-orange-500:active{color:var(--orange-500) !important}.active\:text-orange-600:active{color:var(--orange-600) !important}.active\:text-orange-700:active{color:var(--orange-700) !important}.active\:text-orange-800:active{color:var(--orange-800) !important}.active\:text-orange-900:active{color:var(--orange-900) !important}.text-bluegray-50{color:var(--bluegray-50) !important}.text-bluegray-100{color:var(--bluegray-100) !important}.text-bluegray-200{color:var(--bluegray-200) !important}.text-bluegray-300{color:var(--bluegray-300) !important}.text-bluegray-400{color:var(--bluegray-400) !important}.text-bluegray-500{color:var(--bluegray-500) !important}.text-bluegray-600{color:var(--bluegray-600) !important}.text-bluegray-700{color:var(--bluegray-700) !important}.text-bluegray-800{color:var(--bluegray-800) !important}.text-bluegray-900{color:var(--bluegray-900) !important}.focus\:text-bluegray-50:focus{color:var(--bluegray-50) !important}.focus\:text-bluegray-100:focus{color:var(--bluegray-100) !important}.focus\:text-bluegray-200:focus{color:var(--bluegray-200) !important}.focus\:text-bluegray-300:focus{color:var(--bluegray-300) !important}.focus\:text-bluegray-400:focus{color:var(--bluegray-400) !important}.focus\:text-bluegray-500:focus{color:var(--bluegray-500) !important}.focus\:text-bluegray-600:focus{color:var(--bluegray-600) !important}.focus\:text-bluegray-700:focus{color:var(--bluegray-700) !important}.focus\:text-bluegray-800:focus{color:var(--bluegray-800) !important}.focus\:text-bluegray-900:focus{color:var(--bluegray-900) !important}.hover\:text-bluegray-50:hover{color:var(--bluegray-50) !important}.hover\:text-bluegray-100:hover{color:var(--bluegray-100) !important}.hover\:text-bluegray-200:hover{color:var(--bluegray-200) !important}.hover\:text-bluegray-300:hover{color:var(--bluegray-300) !important}.hover\:text-bluegray-400:hover{color:var(--bluegray-400) !important}.hover\:text-bluegray-500:hover{color:var(--bluegray-500) !important}.hover\:text-bluegray-600:hover{color:var(--bluegray-600) !important}.hover\:text-bluegray-700:hover{color:var(--bluegray-700) !important}.hover\:text-bluegray-800:hover{color:var(--bluegray-800) !important}.hover\:text-bluegray-900:hover{color:var(--bluegray-900) !important}.active\:text-bluegray-50:active{color:var(--bluegray-50) !important}.active\:text-bluegray-100:active{color:var(--bluegray-100) !important}.active\:text-bluegray-200:active{color:var(--bluegray-200) !important}.active\:text-bluegray-300:active{color:var(--bluegray-300) !important}.active\:text-bluegray-400:active{color:var(--bluegray-400) !important}.active\:text-bluegray-500:active{color:var(--bluegray-500) !important}.active\:text-bluegray-600:active{color:var(--bluegray-600) !important}.active\:text-bluegray-700:active{color:var(--bluegray-700) !important}.active\:text-bluegray-800:active{color:var(--bluegray-800) !important}.active\:text-bluegray-900:active{color:var(--bluegray-900) !important}.text-purple-50{color:var(--purple-50) !important}.text-purple-100{color:var(--purple-100) !important}.text-purple-200{color:var(--purple-200) !important}.text-purple-300{color:var(--purple-300) !important}.text-purple-400{color:var(--purple-400) !important}.text-purple-500{color:var(--purple-500) !important}.text-purple-600{color:var(--purple-600) !important}.text-purple-700{color:var(--purple-700) !important}.text-purple-800{color:var(--purple-800) !important}.text-purple-900{color:var(--purple-900) !important}.focus\:text-purple-50:focus{color:var(--purple-50) !important}.focus\:text-purple-100:focus{color:var(--purple-100) !important}.focus\:text-purple-200:focus{color:var(--purple-200) !important}.focus\:text-purple-300:focus{color:var(--purple-300) !important}.focus\:text-purple-400:focus{color:var(--purple-400) !important}.focus\:text-purple-500:focus{color:var(--purple-500) !important}.focus\:text-purple-600:focus{color:var(--purple-600) !important}.focus\:text-purple-700:focus{color:var(--purple-700) !important}.focus\:text-purple-800:focus{color:var(--purple-800) !important}.focus\:text-purple-900:focus{color:var(--purple-900) !important}.hover\:text-purple-50:hover{color:var(--purple-50) !important}.hover\:text-purple-100:hover{color:var(--purple-100) !important}.hover\:text-purple-200:hover{color:var(--purple-200) !important}.hover\:text-purple-300:hover{color:var(--purple-300) !important}.hover\:text-purple-400:hover{color:var(--purple-400) !important}.hover\:text-purple-500:hover{color:var(--purple-500) !important}.hover\:text-purple-600:hover{color:var(--purple-600) !important}.hover\:text-purple-700:hover{color:var(--purple-700) !important}.hover\:text-purple-800:hover{color:var(--purple-800) !important}.hover\:text-purple-900:hover{color:var(--purple-900) !important}.active\:text-purple-50:active{color:var(--purple-50) !important}.active\:text-purple-100:active{color:var(--purple-100) !important}.active\:text-purple-200:active{color:var(--purple-200) !important}.active\:text-purple-300:active{color:var(--purple-300) !important}.active\:text-purple-400:active{color:var(--purple-400) !important}.active\:text-purple-500:active{color:var(--purple-500) !important}.active\:text-purple-600:active{color:var(--purple-600) !important}.active\:text-purple-700:active{color:var(--purple-700) !important}.active\:text-purple-800:active{color:var(--purple-800) !important}.active\:text-purple-900:active{color:var(--purple-900) !important}.text-gray-50{color:var(--gray-50) !important}.text-gray-100{color:var(--gray-100) !important}.text-gray-200{color:var(--gray-200) !important}.text-gray-300{color:var(--gray-300) !important}.text-gray-400{color:var(--gray-400) !important}.text-gray-500{color:var(--gray-500) !important}.text-gray-600{color:var(--gray-600) !important}.text-gray-700{color:var(--gray-700) !important}.text-gray-800{color:var(--gray-800) !important}.text-gray-900{color:var(--gray-900) !important}.focus\:text-gray-50:focus{color:var(--gray-50) !important}.focus\:text-gray-100:focus{color:var(--gray-100) !important}.focus\:text-gray-200:focus{color:var(--gray-200) !important}.focus\:text-gray-300:focus{color:var(--gray-300) !important}.focus\:text-gray-400:focus{color:var(--gray-400) !important}.focus\:text-gray-500:focus{color:var(--gray-500) !important}.focus\:text-gray-600:focus{color:var(--gray-600) !important}.focus\:text-gray-700:focus{color:var(--gray-700) !important}.focus\:text-gray-800:focus{color:var(--gray-800) !important}.focus\:text-gray-900:focus{color:var(--gray-900) !important}.hover\:text-gray-50:hover{color:var(--gray-50) !important}.hover\:text-gray-100:hover{color:var(--gray-100) !important}.hover\:text-gray-200:hover{color:var(--gray-200) !important}.hover\:text-gray-300:hover{color:var(--gray-300) !important}.hover\:text-gray-400:hover{color:var(--gray-400) !important}.hover\:text-gray-500:hover{color:var(--gray-500) !important}.hover\:text-gray-600:hover{color:var(--gray-600) !important}.hover\:text-gray-700:hover{color:var(--gray-700) !important}.hover\:text-gray-800:hover{color:var(--gray-800) !important}.hover\:text-gray-900:hover{color:var(--gray-900) !important}.active\:text-gray-50:active{color:var(--gray-50) !important}.active\:text-gray-100:active{color:var(--gray-100) !important}.active\:text-gray-200:active{color:var(--gray-200) !important}.active\:text-gray-300:active{color:var(--gray-300) !important}.active\:text-gray-400:active{color:var(--gray-400) !important}.active\:text-gray-500:active{color:var(--gray-500) !important}.active\:text-gray-600:active{color:var(--gray-600) !important}.active\:text-gray-700:active{color:var(--gray-700) !important}.active\:text-gray-800:active{color:var(--gray-800) !important}.active\:text-gray-900:active{color:var(--gray-900) !important}.text-red-50{color:var(--red-50) !important}.text-red-100{color:var(--red-100) !important}.text-red-200{color:var(--red-200) !important}.text-red-300{color:var(--red-300) !important}.text-red-400{color:var(--red-400) !important}.text-red-500{color:var(--red-500) !important}.text-red-600{color:var(--red-600) !important}.text-red-700{color:var(--red-700) !important}.text-red-800{color:var(--red-800) !important}.text-red-900{color:var(--red-900) !important}.focus\:text-red-50:focus{color:var(--red-50) !important}.focus\:text-red-100:focus{color:var(--red-100) !important}.focus\:text-red-200:focus{color:var(--red-200) !important}.focus\:text-red-300:focus{color:var(--red-300) !important}.focus\:text-red-400:focus{color:var(--red-400) !important}.focus\:text-red-500:focus{color:var(--red-500) !important}.focus\:text-red-600:focus{color:var(--red-600) !important}.focus\:text-red-700:focus{color:var(--red-700) !important}.focus\:text-red-800:focus{color:var(--red-800) !important}.focus\:text-red-900:focus{color:var(--red-900) !important}.hover\:text-red-50:hover{color:var(--red-50) !important}.hover\:text-red-100:hover{color:var(--red-100) !important}.hover\:text-red-200:hover{color:var(--red-200) !important}.hover\:text-red-300:hover{color:var(--red-300) !important}.hover\:text-red-400:hover{color:var(--red-400) !important}.hover\:text-red-500:hover{color:var(--red-500) !important}.hover\:text-red-600:hover{color:var(--red-600) !important}.hover\:text-red-700:hover{color:var(--red-700) !important}.hover\:text-red-800:hover{color:var(--red-800) !important}.hover\:text-red-900:hover{color:var(--red-900) !important}.active\:text-red-50:active{color:var(--red-50) !important}.active\:text-red-100:active{color:var(--red-100) !important}.active\:text-red-200:active{color:var(--red-200) !important}.active\:text-red-300:active{color:var(--red-300) !important}.active\:text-red-400:active{color:var(--red-400) !important}.active\:text-red-500:active{color:var(--red-500) !important}.active\:text-red-600:active{color:var(--red-600) !important}.active\:text-red-700:active{color:var(--red-700) !important}.active\:text-red-800:active{color:var(--red-800) !important}.active\:text-red-900:active{color:var(--red-900) !important}.text-primary-50{color:var(--primary-50) !important}.text-primary-100{color:var(--primary-100) !important}.text-primary-200{color:var(--primary-200) !important}.text-primary-300{color:var(--primary-300) !important}.text-primary-400{color:var(--primary-400) !important}.text-primary-500{color:var(--primary-500) !important}.text-primary-600{color:var(--primary-600) !important}.text-primary-700{color:var(--primary-700) !important}.text-primary-800{color:var(--primary-800) !important}.text-primary-900{color:var(--primary-900) !important}.focus\:text-primary-50:focus{color:var(--primary-50) !important}.focus\:text-primary-100:focus{color:var(--primary-100) !important}.focus\:text-primary-200:focus{color:var(--primary-200) !important}.focus\:text-primary-300:focus{color:var(--primary-300) !important}.focus\:text-primary-400:focus{color:var(--primary-400) !important}.focus\:text-primary-500:focus{color:var(--primary-500) !important}.focus\:text-primary-600:focus{color:var(--primary-600) !important}.focus\:text-primary-700:focus{color:var(--primary-700) !important}.focus\:text-primary-800:focus{color:var(--primary-800) !important}.focus\:text-primary-900:focus{color:var(--primary-900) !important}.hover\:text-primary-50:hover{color:var(--primary-50) !important}.hover\:text-primary-100:hover{color:var(--primary-100) !important}.hover\:text-primary-200:hover{color:var(--primary-200) !important}.hover\:text-primary-300:hover{color:var(--primary-300) !important}.hover\:text-primary-400:hover{color:var(--primary-400) !important}.hover\:text-primary-500:hover{color:var(--primary-500) !important}.hover\:text-primary-600:hover{color:var(--primary-600) !important}.hover\:text-primary-700:hover{color:var(--primary-700) !important}.hover\:text-primary-800:hover{color:var(--primary-800) !important}.hover\:text-primary-900:hover{color:var(--primary-900) !important}.active\:text-primary-50:active{color:var(--primary-50) !important}.active\:text-primary-100:active{color:var(--primary-100) !important}.active\:text-primary-200:active{color:var(--primary-200) !important}.active\:text-primary-300:active{color:var(--primary-300) !important}.active\:text-primary-400:active{color:var(--primary-400) !important}.active\:text-primary-500:active{color:var(--primary-500) !important}.active\:text-primary-600:active{color:var(--primary-600) !important}.active\:text-primary-700:active{color:var(--primary-700) !important}.active\:text-primary-800:active{color:var(--primary-800) !important}.active\:text-primary-900:active{color:var(--primary-900) !important}.bg-blue-50{background-color:var(--blue-50) !important}.bg-blue-100{background-color:var(--blue-100) !important}.bg-blue-200{background-color:var(--blue-200) !important}.bg-blue-300{background-color:var(--blue-300) !important}.bg-blue-400{background-color:var(--blue-400) !important}.bg-blue-500{background-color:var(--blue-500) !important}.bg-blue-600{background-color:var(--blue-600) !important}.bg-blue-700{background-color:var(--blue-700) !important}.bg-blue-800{background-color:var(--blue-800) !important}.bg-blue-900{background-color:var(--blue-900) !important}.focus\:bg-blue-50:focus{background-color:var(--blue-50) !important}.focus\:bg-blue-100:focus{background-color:var(--blue-100) !important}.focus\:bg-blue-200:focus{background-color:var(--blue-200) !important}.focus\:bg-blue-300:focus{background-color:var(--blue-300) !important}.focus\:bg-blue-400:focus{background-color:var(--blue-400) !important}.focus\:bg-blue-500:focus{background-color:var(--blue-500) !important}.focus\:bg-blue-600:focus{background-color:var(--blue-600) !important}.focus\:bg-blue-700:focus{background-color:var(--blue-700) !important}.focus\:bg-blue-800:focus{background-color:var(--blue-800) !important}.focus\:bg-blue-900:focus{background-color:var(--blue-900) !important}.hover\:bg-blue-50:hover{background-color:var(--blue-50) !important}.hover\:bg-blue-100:hover{background-color:var(--blue-100) !important}.hover\:bg-blue-200:hover{background-color:var(--blue-200) !important}.hover\:bg-blue-300:hover{background-color:var(--blue-300) !important}.hover\:bg-blue-400:hover{background-color:var(--blue-400) !important}.hover\:bg-blue-500:hover{background-color:var(--blue-500) !important}.hover\:bg-blue-600:hover{background-color:var(--blue-600) !important}.hover\:bg-blue-700:hover{background-color:var(--blue-700) !important}.hover\:bg-blue-800:hover{background-color:var(--blue-800) !important}.hover\:bg-blue-900:hover{background-color:var(--blue-900) !important}.active\:bg-blue-50:active{background-color:var(--blue-50) !important}.active\:bg-blue-100:active{background-color:var(--blue-100) !important}.active\:bg-blue-200:active{background-color:var(--blue-200) !important}.active\:bg-blue-300:active{background-color:var(--blue-300) !important}.active\:bg-blue-400:active{background-color:var(--blue-400) !important}.active\:bg-blue-500:active{background-color:var(--blue-500) !important}.active\:bg-blue-600:active{background-color:var(--blue-600) !important}.active\:bg-blue-700:active{background-color:var(--blue-700) !important}.active\:bg-blue-800:active{background-color:var(--blue-800) !important}.active\:bg-blue-900:active{background-color:var(--blue-900) !important}.bg-green-50{background-color:var(--green-50) !important}.bg-green-100{background-color:var(--green-100) !important}.bg-green-200{background-color:var(--green-200) !important}.bg-green-300{background-color:var(--green-300) !important}.bg-green-400{background-color:var(--green-400) !important}.bg-green-500{background-color:var(--green-500) !important}.bg-green-600{background-color:var(--green-600) !important}.bg-green-700{background-color:var(--green-700) !important}.bg-green-800{background-color:var(--green-800) !important}.bg-green-900{background-color:var(--green-900) !important}.focus\:bg-green-50:focus{background-color:var(--green-50) !important}.focus\:bg-green-100:focus{background-color:var(--green-100) !important}.focus\:bg-green-200:focus{background-color:var(--green-200) !important}.focus\:bg-green-300:focus{background-color:var(--green-300) !important}.focus\:bg-green-400:focus{background-color:var(--green-400) !important}.focus\:bg-green-500:focus{background-color:var(--green-500) !important}.focus\:bg-green-600:focus{background-color:var(--green-600) !important}.focus\:bg-green-700:focus{background-color:var(--green-700) !important}.focus\:bg-green-800:focus{background-color:var(--green-800) !important}.focus\:bg-green-900:focus{background-color:var(--green-900) !important}.hover\:bg-green-50:hover{background-color:var(--green-50) !important}.hover\:bg-green-100:hover{background-color:var(--green-100) !important}.hover\:bg-green-200:hover{background-color:var(--green-200) !important}.hover\:bg-green-300:hover{background-color:var(--green-300) !important}.hover\:bg-green-400:hover{background-color:var(--green-400) !important}.hover\:bg-green-500:hover{background-color:var(--green-500) !important}.hover\:bg-green-600:hover{background-color:var(--green-600) !important}.hover\:bg-green-700:hover{background-color:var(--green-700) !important}.hover\:bg-green-800:hover{background-color:var(--green-800) !important}.hover\:bg-green-900:hover{background-color:var(--green-900) !important}.active\:bg-green-50:active{background-color:var(--green-50) !important}.active\:bg-green-100:active{background-color:var(--green-100) !important}.active\:bg-green-200:active{background-color:var(--green-200) !important}.active\:bg-green-300:active{background-color:var(--green-300) !important}.active\:bg-green-400:active{background-color:var(--green-400) !important}.active\:bg-green-500:active{background-color:var(--green-500) !important}.active\:bg-green-600:active{background-color:var(--green-600) !important}.active\:bg-green-700:active{background-color:var(--green-700) !important}.active\:bg-green-800:active{background-color:var(--green-800) !important}.active\:bg-green-900:active{background-color:var(--green-900) !important}.bg-yellow-50{background-color:var(--yellow-50) !important}.bg-yellow-100{background-color:var(--yellow-100) !important}.bg-yellow-200{background-color:var(--yellow-200) !important}.bg-yellow-300{background-color:var(--yellow-300) !important}.bg-yellow-400{background-color:var(--yellow-400) !important}.bg-yellow-500{background-color:var(--yellow-500) !important}.bg-yellow-600{background-color:var(--yellow-600) !important}.bg-yellow-700{background-color:var(--yellow-700) !important}.bg-yellow-800{background-color:var(--yellow-800) !important}.bg-yellow-900{background-color:var(--yellow-900) !important}.focus\:bg-yellow-50:focus{background-color:var(--yellow-50) !important}.focus\:bg-yellow-100:focus{background-color:var(--yellow-100) !important}.focus\:bg-yellow-200:focus{background-color:var(--yellow-200) !important}.focus\:bg-yellow-300:focus{background-color:var(--yellow-300) !important}.focus\:bg-yellow-400:focus{background-color:var(--yellow-400) !important}.focus\:bg-yellow-500:focus{background-color:var(--yellow-500) !important}.focus\:bg-yellow-600:focus{background-color:var(--yellow-600) !important}.focus\:bg-yellow-700:focus{background-color:var(--yellow-700) !important}.focus\:bg-yellow-800:focus{background-color:var(--yellow-800) !important}.focus\:bg-yellow-900:focus{background-color:var(--yellow-900) !important}.hover\:bg-yellow-50:hover{background-color:var(--yellow-50) !important}.hover\:bg-yellow-100:hover{background-color:var(--yellow-100) !important}.hover\:bg-yellow-200:hover{background-color:var(--yellow-200) !important}.hover\:bg-yellow-300:hover{background-color:var(--yellow-300) !important}.hover\:bg-yellow-400:hover{background-color:var(--yellow-400) !important}.hover\:bg-yellow-500:hover{background-color:var(--yellow-500) !important}.hover\:bg-yellow-600:hover{background-color:var(--yellow-600) !important}.hover\:bg-yellow-700:hover{background-color:var(--yellow-700) !important}.hover\:bg-yellow-800:hover{background-color:var(--yellow-800) !important}.hover\:bg-yellow-900:hover{background-color:var(--yellow-900) !important}.active\:bg-yellow-50:active{background-color:var(--yellow-50) !important}.active\:bg-yellow-100:active{background-color:var(--yellow-100) !important}.active\:bg-yellow-200:active{background-color:var(--yellow-200) !important}.active\:bg-yellow-300:active{background-color:var(--yellow-300) !important}.active\:bg-yellow-400:active{background-color:var(--yellow-400) !important}.active\:bg-yellow-500:active{background-color:var(--yellow-500) !important}.active\:bg-yellow-600:active{background-color:var(--yellow-600) !important}.active\:bg-yellow-700:active{background-color:var(--yellow-700) !important}.active\:bg-yellow-800:active{background-color:var(--yellow-800) !important}.active\:bg-yellow-900:active{background-color:var(--yellow-900) !important}.bg-cyan-50{background-color:var(--cyan-50) !important}.bg-cyan-100{background-color:var(--cyan-100) !important}.bg-cyan-200{background-color:var(--cyan-200) !important}.bg-cyan-300{background-color:var(--cyan-300) !important}.bg-cyan-400{background-color:var(--cyan-400) !important}.bg-cyan-500{background-color:var(--cyan-500) !important}.bg-cyan-600{background-color:var(--cyan-600) !important}.bg-cyan-700{background-color:var(--cyan-700) !important}.bg-cyan-800{background-color:var(--cyan-800) !important}.bg-cyan-900{background-color:var(--cyan-900) !important}.focus\:bg-cyan-50:focus{background-color:var(--cyan-50) !important}.focus\:bg-cyan-100:focus{background-color:var(--cyan-100) !important}.focus\:bg-cyan-200:focus{background-color:var(--cyan-200) !important}.focus\:bg-cyan-300:focus{background-color:var(--cyan-300) !important}.focus\:bg-cyan-400:focus{background-color:var(--cyan-400) !important}.focus\:bg-cyan-500:focus{background-color:var(--cyan-500) !important}.focus\:bg-cyan-600:focus{background-color:var(--cyan-600) !important}.focus\:bg-cyan-700:focus{background-color:var(--cyan-700) !important}.focus\:bg-cyan-800:focus{background-color:var(--cyan-800) !important}.focus\:bg-cyan-900:focus{background-color:var(--cyan-900) !important}.hover\:bg-cyan-50:hover{background-color:var(--cyan-50) !important}.hover\:bg-cyan-100:hover{background-color:var(--cyan-100) !important}.hover\:bg-cyan-200:hover{background-color:var(--cyan-200) !important}.hover\:bg-cyan-300:hover{background-color:var(--cyan-300) !important}.hover\:bg-cyan-400:hover{background-color:var(--cyan-400) !important}.hover\:bg-cyan-500:hover{background-color:var(--cyan-500) !important}.hover\:bg-cyan-600:hover{background-color:var(--cyan-600) !important}.hover\:bg-cyan-700:hover{background-color:var(--cyan-700) !important}.hover\:bg-cyan-800:hover{background-color:var(--cyan-800) !important}.hover\:bg-cyan-900:hover{background-color:var(--cyan-900) !important}.active\:bg-cyan-50:active{background-color:var(--cyan-50) !important}.active\:bg-cyan-100:active{background-color:var(--cyan-100) !important}.active\:bg-cyan-200:active{background-color:var(--cyan-200) !important}.active\:bg-cyan-300:active{background-color:var(--cyan-300) !important}.active\:bg-cyan-400:active{background-color:var(--cyan-400) !important}.active\:bg-cyan-500:active{background-color:var(--cyan-500) !important}.active\:bg-cyan-600:active{background-color:var(--cyan-600) !important}.active\:bg-cyan-700:active{background-color:var(--cyan-700) !important}.active\:bg-cyan-800:active{background-color:var(--cyan-800) !important}.active\:bg-cyan-900:active{background-color:var(--cyan-900) !important}.bg-pink-50{background-color:var(--pink-50) !important}.bg-pink-100{background-color:var(--pink-100) !important}.bg-pink-200{background-color:var(--pink-200) !important}.bg-pink-300{background-color:var(--pink-300) !important}.bg-pink-400{background-color:var(--pink-400) !important}.bg-pink-500{background-color:var(--pink-500) !important}.bg-pink-600{background-color:var(--pink-600) !important}.bg-pink-700{background-color:var(--pink-700) !important}.bg-pink-800{background-color:var(--pink-800) !important}.bg-pink-900{background-color:var(--pink-900) !important}.focus\:bg-pink-50:focus{background-color:var(--pink-50) !important}.focus\:bg-pink-100:focus{background-color:var(--pink-100) !important}.focus\:bg-pink-200:focus{background-color:var(--pink-200) !important}.focus\:bg-pink-300:focus{background-color:var(--pink-300) !important}.focus\:bg-pink-400:focus{background-color:var(--pink-400) !important}.focus\:bg-pink-500:focus{background-color:var(--pink-500) !important}.focus\:bg-pink-600:focus{background-color:var(--pink-600) !important}.focus\:bg-pink-700:focus{background-color:var(--pink-700) !important}.focus\:bg-pink-800:focus{background-color:var(--pink-800) !important}.focus\:bg-pink-900:focus{background-color:var(--pink-900) !important}.hover\:bg-pink-50:hover{background-color:var(--pink-50) !important}.hover\:bg-pink-100:hover{background-color:var(--pink-100) !important}.hover\:bg-pink-200:hover{background-color:var(--pink-200) !important}.hover\:bg-pink-300:hover{background-color:var(--pink-300) !important}.hover\:bg-pink-400:hover{background-color:var(--pink-400) !important}.hover\:bg-pink-500:hover{background-color:var(--pink-500) !important}.hover\:bg-pink-600:hover{background-color:var(--pink-600) !important}.hover\:bg-pink-700:hover{background-color:var(--pink-700) !important}.hover\:bg-pink-800:hover{background-color:var(--pink-800) !important}.hover\:bg-pink-900:hover{background-color:var(--pink-900) !important}.active\:bg-pink-50:active{background-color:var(--pink-50) !important}.active\:bg-pink-100:active{background-color:var(--pink-100) !important}.active\:bg-pink-200:active{background-color:var(--pink-200) !important}.active\:bg-pink-300:active{background-color:var(--pink-300) !important}.active\:bg-pink-400:active{background-color:var(--pink-400) !important}.active\:bg-pink-500:active{background-color:var(--pink-500) !important}.active\:bg-pink-600:active{background-color:var(--pink-600) !important}.active\:bg-pink-700:active{background-color:var(--pink-700) !important}.active\:bg-pink-800:active{background-color:var(--pink-800) !important}.active\:bg-pink-900:active{background-color:var(--pink-900) !important}.bg-indigo-50{background-color:var(--indigo-50) !important}.bg-indigo-100{background-color:var(--indigo-100) !important}.bg-indigo-200{background-color:var(--indigo-200) !important}.bg-indigo-300{background-color:var(--indigo-300) !important}.bg-indigo-400{background-color:var(--indigo-400) !important}.bg-indigo-500{background-color:var(--indigo-500) !important}.bg-indigo-600{background-color:var(--indigo-600) !important}.bg-indigo-700{background-color:var(--indigo-700) !important}.bg-indigo-800{background-color:var(--indigo-800) !important}.bg-indigo-900{background-color:var(--indigo-900) !important}.focus\:bg-indigo-50:focus{background-color:var(--indigo-50) !important}.focus\:bg-indigo-100:focus{background-color:var(--indigo-100) !important}.focus\:bg-indigo-200:focus{background-color:var(--indigo-200) !important}.focus\:bg-indigo-300:focus{background-color:var(--indigo-300) !important}.focus\:bg-indigo-400:focus{background-color:var(--indigo-400) !important}.focus\:bg-indigo-500:focus{background-color:var(--indigo-500) !important}.focus\:bg-indigo-600:focus{background-color:var(--indigo-600) !important}.focus\:bg-indigo-700:focus{background-color:var(--indigo-700) !important}.focus\:bg-indigo-800:focus{background-color:var(--indigo-800) !important}.focus\:bg-indigo-900:focus{background-color:var(--indigo-900) !important}.hover\:bg-indigo-50:hover{background-color:var(--indigo-50) !important}.hover\:bg-indigo-100:hover{background-color:var(--indigo-100) !important}.hover\:bg-indigo-200:hover{background-color:var(--indigo-200) !important}.hover\:bg-indigo-300:hover{background-color:var(--indigo-300) !important}.hover\:bg-indigo-400:hover{background-color:var(--indigo-400) !important}.hover\:bg-indigo-500:hover{background-color:var(--indigo-500) !important}.hover\:bg-indigo-600:hover{background-color:var(--indigo-600) !important}.hover\:bg-indigo-700:hover{background-color:var(--indigo-700) !important}.hover\:bg-indigo-800:hover{background-color:var(--indigo-800) !important}.hover\:bg-indigo-900:hover{background-color:var(--indigo-900) !important}.active\:bg-indigo-50:active{background-color:var(--indigo-50) !important}.active\:bg-indigo-100:active{background-color:var(--indigo-100) !important}.active\:bg-indigo-200:active{background-color:var(--indigo-200) !important}.active\:bg-indigo-300:active{background-color:var(--indigo-300) !important}.active\:bg-indigo-400:active{background-color:var(--indigo-400) !important}.active\:bg-indigo-500:active{background-color:var(--indigo-500) !important}.active\:bg-indigo-600:active{background-color:var(--indigo-600) !important}.active\:bg-indigo-700:active{background-color:var(--indigo-700) !important}.active\:bg-indigo-800:active{background-color:var(--indigo-800) !important}.active\:bg-indigo-900:active{background-color:var(--indigo-900) !important}.bg-teal-50{background-color:var(--teal-50) !important}.bg-teal-100{background-color:var(--teal-100) !important}.bg-teal-200{background-color:var(--teal-200) !important}.bg-teal-300{background-color:var(--teal-300) !important}.bg-teal-400{background-color:var(--teal-400) !important}.bg-teal-500{background-color:var(--teal-500) !important}.bg-teal-600{background-color:var(--teal-600) !important}.bg-teal-700{background-color:var(--teal-700) !important}.bg-teal-800{background-color:var(--teal-800) !important}.bg-teal-900{background-color:var(--teal-900) !important}.focus\:bg-teal-50:focus{background-color:var(--teal-50) !important}.focus\:bg-teal-100:focus{background-color:var(--teal-100) !important}.focus\:bg-teal-200:focus{background-color:var(--teal-200) !important}.focus\:bg-teal-300:focus{background-color:var(--teal-300) !important}.focus\:bg-teal-400:focus{background-color:var(--teal-400) !important}.focus\:bg-teal-500:focus{background-color:var(--teal-500) !important}.focus\:bg-teal-600:focus{background-color:var(--teal-600) !important}.focus\:bg-teal-700:focus{background-color:var(--teal-700) !important}.focus\:bg-teal-800:focus{background-color:var(--teal-800) !important}.focus\:bg-teal-900:focus{background-color:var(--teal-900) !important}.hover\:bg-teal-50:hover{background-color:var(--teal-50) !important}.hover\:bg-teal-100:hover{background-color:var(--teal-100) !important}.hover\:bg-teal-200:hover{background-color:var(--teal-200) !important}.hover\:bg-teal-300:hover{background-color:var(--teal-300) !important}.hover\:bg-teal-400:hover{background-color:var(--teal-400) !important}.hover\:bg-teal-500:hover{background-color:var(--teal-500) !important}.hover\:bg-teal-600:hover{background-color:var(--teal-600) !important}.hover\:bg-teal-700:hover{background-color:var(--teal-700) !important}.hover\:bg-teal-800:hover{background-color:var(--teal-800) !important}.hover\:bg-teal-900:hover{background-color:var(--teal-900) !important}.active\:bg-teal-50:active{background-color:var(--teal-50) !important}.active\:bg-teal-100:active{background-color:var(--teal-100) !important}.active\:bg-teal-200:active{background-color:var(--teal-200) !important}.active\:bg-teal-300:active{background-color:var(--teal-300) !important}.active\:bg-teal-400:active{background-color:var(--teal-400) !important}.active\:bg-teal-500:active{background-color:var(--teal-500) !important}.active\:bg-teal-600:active{background-color:var(--teal-600) !important}.active\:bg-teal-700:active{background-color:var(--teal-700) !important}.active\:bg-teal-800:active{background-color:var(--teal-800) !important}.active\:bg-teal-900:active{background-color:var(--teal-900) !important}.bg-orange-50{background-color:var(--orange-50) !important}.bg-orange-100{background-color:var(--orange-100) !important}.bg-orange-200{background-color:var(--orange-200) !important}.bg-orange-300{background-color:var(--orange-300) !important}.bg-orange-400{background-color:var(--orange-400) !important}.bg-orange-500{background-color:var(--orange-500) !important}.bg-orange-600{background-color:var(--orange-600) !important}.bg-orange-700{background-color:var(--orange-700) !important}.bg-orange-800{background-color:var(--orange-800) !important}.bg-orange-900{background-color:var(--orange-900) !important}.focus\:bg-orange-50:focus{background-color:var(--orange-50) !important}.focus\:bg-orange-100:focus{background-color:var(--orange-100) !important}.focus\:bg-orange-200:focus{background-color:var(--orange-200) !important}.focus\:bg-orange-300:focus{background-color:var(--orange-300) !important}.focus\:bg-orange-400:focus{background-color:var(--orange-400) !important}.focus\:bg-orange-500:focus{background-color:var(--orange-500) !important}.focus\:bg-orange-600:focus{background-color:var(--orange-600) !important}.focus\:bg-orange-700:focus{background-color:var(--orange-700) !important}.focus\:bg-orange-800:focus{background-color:var(--orange-800) !important}.focus\:bg-orange-900:focus{background-color:var(--orange-900) !important}.hover\:bg-orange-50:hover{background-color:var(--orange-50) !important}.hover\:bg-orange-100:hover{background-color:var(--orange-100) !important}.hover\:bg-orange-200:hover{background-color:var(--orange-200) !important}.hover\:bg-orange-300:hover{background-color:var(--orange-300) !important}.hover\:bg-orange-400:hover{background-color:var(--orange-400) !important}.hover\:bg-orange-500:hover{background-color:var(--orange-500) !important}.hover\:bg-orange-600:hover{background-color:var(--orange-600) !important}.hover\:bg-orange-700:hover{background-color:var(--orange-700) !important}.hover\:bg-orange-800:hover{background-color:var(--orange-800) !important}.hover\:bg-orange-900:hover{background-color:var(--orange-900) !important}.active\:bg-orange-50:active{background-color:var(--orange-50) !important}.active\:bg-orange-100:active{background-color:var(--orange-100) !important}.active\:bg-orange-200:active{background-color:var(--orange-200) !important}.active\:bg-orange-300:active{background-color:var(--orange-300) !important}.active\:bg-orange-400:active{background-color:var(--orange-400) !important}.active\:bg-orange-500:active{background-color:var(--orange-500) !important}.active\:bg-orange-600:active{background-color:var(--orange-600) !important}.active\:bg-orange-700:active{background-color:var(--orange-700) !important}.active\:bg-orange-800:active{background-color:var(--orange-800) !important}.active\:bg-orange-900:active{background-color:var(--orange-900) !important}.bg-bluegray-50{background-color:var(--bluegray-50) !important}.bg-bluegray-100{background-color:var(--bluegray-100) !important}.bg-bluegray-200{background-color:var(--bluegray-200) !important}.bg-bluegray-300{background-color:var(--bluegray-300) !important}.bg-bluegray-400{background-color:var(--bluegray-400) !important}.bg-bluegray-500{background-color:var(--bluegray-500) !important}.bg-bluegray-600{background-color:var(--bluegray-600) !important}.bg-bluegray-700{background-color:var(--bluegray-700) !important}.bg-bluegray-800{background-color:var(--bluegray-800) !important}.bg-bluegray-900{background-color:var(--bluegray-900) !important}.focus\:bg-bluegray-50:focus{background-color:var(--bluegray-50) !important}.focus\:bg-bluegray-100:focus{background-color:var(--bluegray-100) !important}.focus\:bg-bluegray-200:focus{background-color:var(--bluegray-200) !important}.focus\:bg-bluegray-300:focus{background-color:var(--bluegray-300) !important}.focus\:bg-bluegray-400:focus{background-color:var(--bluegray-400) !important}.focus\:bg-bluegray-500:focus{background-color:var(--bluegray-500) !important}.focus\:bg-bluegray-600:focus{background-color:var(--bluegray-600) !important}.focus\:bg-bluegray-700:focus{background-color:var(--bluegray-700) !important}.focus\:bg-bluegray-800:focus{background-color:var(--bluegray-800) !important}.focus\:bg-bluegray-900:focus{background-color:var(--bluegray-900) !important}.hover\:bg-bluegray-50:hover{background-color:var(--bluegray-50) !important}.hover\:bg-bluegray-100:hover{background-color:var(--bluegray-100) !important}.hover\:bg-bluegray-200:hover{background-color:var(--bluegray-200) !important}.hover\:bg-bluegray-300:hover{background-color:var(--bluegray-300) !important}.hover\:bg-bluegray-400:hover{background-color:var(--bluegray-400) !important}.hover\:bg-bluegray-500:hover{background-color:var(--bluegray-500) !important}.hover\:bg-bluegray-600:hover{background-color:var(--bluegray-600) !important}.hover\:bg-bluegray-700:hover{background-color:var(--bluegray-700) !important}.hover\:bg-bluegray-800:hover{background-color:var(--bluegray-800) !important}.hover\:bg-bluegray-900:hover{background-color:var(--bluegray-900) !important}.active\:bg-bluegray-50:active{background-color:var(--bluegray-50) !important}.active\:bg-bluegray-100:active{background-color:var(--bluegray-100) !important}.active\:bg-bluegray-200:active{background-color:var(--bluegray-200) !important}.active\:bg-bluegray-300:active{background-color:var(--bluegray-300) !important}.active\:bg-bluegray-400:active{background-color:var(--bluegray-400) !important}.active\:bg-bluegray-500:active{background-color:var(--bluegray-500) !important}.active\:bg-bluegray-600:active{background-color:var(--bluegray-600) !important}.active\:bg-bluegray-700:active{background-color:var(--bluegray-700) !important}.active\:bg-bluegray-800:active{background-color:var(--bluegray-800) !important}.active\:bg-bluegray-900:active{background-color:var(--bluegray-900) !important}.bg-purple-50{background-color:var(--purple-50) !important}.bg-purple-100{background-color:var(--purple-100) !important}.bg-purple-200{background-color:var(--purple-200) !important}.bg-purple-300{background-color:var(--purple-300) !important}.bg-purple-400{background-color:var(--purple-400) !important}.bg-purple-500{background-color:var(--purple-500) !important}.bg-purple-600{background-color:var(--purple-600) !important}.bg-purple-700{background-color:var(--purple-700) !important}.bg-purple-800{background-color:var(--purple-800) !important}.bg-purple-900{background-color:var(--purple-900) !important}.focus\:bg-purple-50:focus{background-color:var(--purple-50) !important}.focus\:bg-purple-100:focus{background-color:var(--purple-100) !important}.focus\:bg-purple-200:focus{background-color:var(--purple-200) !important}.focus\:bg-purple-300:focus{background-color:var(--purple-300) !important}.focus\:bg-purple-400:focus{background-color:var(--purple-400) !important}.focus\:bg-purple-500:focus{background-color:var(--purple-500) !important}.focus\:bg-purple-600:focus{background-color:var(--purple-600) !important}.focus\:bg-purple-700:focus{background-color:var(--purple-700) !important}.focus\:bg-purple-800:focus{background-color:var(--purple-800) !important}.focus\:bg-purple-900:focus{background-color:var(--purple-900) !important}.hover\:bg-purple-50:hover{background-color:var(--purple-50) !important}.hover\:bg-purple-100:hover{background-color:var(--purple-100) !important}.hover\:bg-purple-200:hover{background-color:var(--purple-200) !important}.hover\:bg-purple-300:hover{background-color:var(--purple-300) !important}.hover\:bg-purple-400:hover{background-color:var(--purple-400) !important}.hover\:bg-purple-500:hover{background-color:var(--purple-500) !important}.hover\:bg-purple-600:hover{background-color:var(--purple-600) !important}.hover\:bg-purple-700:hover{background-color:var(--purple-700) !important}.hover\:bg-purple-800:hover{background-color:var(--purple-800) !important}.hover\:bg-purple-900:hover{background-color:var(--purple-900) !important}.active\:bg-purple-50:active{background-color:var(--purple-50) !important}.active\:bg-purple-100:active{background-color:var(--purple-100) !important}.active\:bg-purple-200:active{background-color:var(--purple-200) !important}.active\:bg-purple-300:active{background-color:var(--purple-300) !important}.active\:bg-purple-400:active{background-color:var(--purple-400) !important}.active\:bg-purple-500:active{background-color:var(--purple-500) !important}.active\:bg-purple-600:active{background-color:var(--purple-600) !important}.active\:bg-purple-700:active{background-color:var(--purple-700) !important}.active\:bg-purple-800:active{background-color:var(--purple-800) !important}.active\:bg-purple-900:active{background-color:var(--purple-900) !important}.bg-gray-50{background-color:var(--gray-50) !important}.bg-gray-100{background-color:var(--gray-100) !important}.bg-gray-200{background-color:var(--gray-200) !important}.bg-gray-300{background-color:var(--gray-300) !important}.bg-gray-400{background-color:var(--gray-400) !important}.bg-gray-500{background-color:var(--gray-500) !important}.bg-gray-600{background-color:var(--gray-600) !important}.bg-gray-700{background-color:var(--gray-700) !important}.bg-gray-800{background-color:var(--gray-800) !important}.bg-gray-900{background-color:var(--gray-900) !important}.focus\:bg-gray-50:focus{background-color:var(--gray-50) !important}.focus\:bg-gray-100:focus{background-color:var(--gray-100) !important}.focus\:bg-gray-200:focus{background-color:var(--gray-200) !important}.focus\:bg-gray-300:focus{background-color:var(--gray-300) !important}.focus\:bg-gray-400:focus{background-color:var(--gray-400) !important}.focus\:bg-gray-500:focus{background-color:var(--gray-500) !important}.focus\:bg-gray-600:focus{background-color:var(--gray-600) !important}.focus\:bg-gray-700:focus{background-color:var(--gray-700) !important}.focus\:bg-gray-800:focus{background-color:var(--gray-800) !important}.focus\:bg-gray-900:focus{background-color:var(--gray-900) !important}.hover\:bg-gray-50:hover{background-color:var(--gray-50) !important}.hover\:bg-gray-100:hover{background-color:var(--gray-100) !important}.hover\:bg-gray-200:hover{background-color:var(--gray-200) !important}.hover\:bg-gray-300:hover{background-color:var(--gray-300) !important}.hover\:bg-gray-400:hover{background-color:var(--gray-400) !important}.hover\:bg-gray-500:hover{background-color:var(--gray-500) !important}.hover\:bg-gray-600:hover{background-color:var(--gray-600) !important}.hover\:bg-gray-700:hover{background-color:var(--gray-700) !important}.hover\:bg-gray-800:hover{background-color:var(--gray-800) !important}.hover\:bg-gray-900:hover{background-color:var(--gray-900) !important}.active\:bg-gray-50:active{background-color:var(--gray-50) !important}.active\:bg-gray-100:active{background-color:var(--gray-100) !important}.active\:bg-gray-200:active{background-color:var(--gray-200) !important}.active\:bg-gray-300:active{background-color:var(--gray-300) !important}.active\:bg-gray-400:active{background-color:var(--gray-400) !important}.active\:bg-gray-500:active{background-color:var(--gray-500) !important}.active\:bg-gray-600:active{background-color:var(--gray-600) !important}.active\:bg-gray-700:active{background-color:var(--gray-700) !important}.active\:bg-gray-800:active{background-color:var(--gray-800) !important}.active\:bg-gray-900:active{background-color:var(--gray-900) !important}.bg-red-50{background-color:var(--red-50) !important}.bg-red-100{background-color:var(--red-100) !important}.bg-red-200{background-color:var(--red-200) !important}.bg-red-300{background-color:var(--red-300) !important}.bg-red-400{background-color:var(--red-400) !important}.bg-red-500{background-color:var(--red-500) !important}.bg-red-600{background-color:var(--red-600) !important}.bg-red-700{background-color:var(--red-700) !important}.bg-red-800{background-color:var(--red-800) !important}.bg-red-900{background-color:var(--red-900) !important}.focus\:bg-red-50:focus{background-color:var(--red-50) !important}.focus\:bg-red-100:focus{background-color:var(--red-100) !important}.focus\:bg-red-200:focus{background-color:var(--red-200) !important}.focus\:bg-red-300:focus{background-color:var(--red-300) !important}.focus\:bg-red-400:focus{background-color:var(--red-400) !important}.focus\:bg-red-500:focus{background-color:var(--red-500) !important}.focus\:bg-red-600:focus{background-color:var(--red-600) !important}.focus\:bg-red-700:focus{background-color:var(--red-700) !important}.focus\:bg-red-800:focus{background-color:var(--red-800) !important}.focus\:bg-red-900:focus{background-color:var(--red-900) !important}.hover\:bg-red-50:hover{background-color:var(--red-50) !important}.hover\:bg-red-100:hover{background-color:var(--red-100) !important}.hover\:bg-red-200:hover{background-color:var(--red-200) !important}.hover\:bg-red-300:hover{background-color:var(--red-300) !important}.hover\:bg-red-400:hover{background-color:var(--red-400) !important}.hover\:bg-red-500:hover{background-color:var(--red-500) !important}.hover\:bg-red-600:hover{background-color:var(--red-600) !important}.hover\:bg-red-700:hover{background-color:var(--red-700) !important}.hover\:bg-red-800:hover{background-color:var(--red-800) !important}.hover\:bg-red-900:hover{background-color:var(--red-900) !important}.active\:bg-red-50:active{background-color:var(--red-50) !important}.active\:bg-red-100:active{background-color:var(--red-100) !important}.active\:bg-red-200:active{background-color:var(--red-200) !important}.active\:bg-red-300:active{background-color:var(--red-300) !important}.active\:bg-red-400:active{background-color:var(--red-400) !important}.active\:bg-red-500:active{background-color:var(--red-500) !important}.active\:bg-red-600:active{background-color:var(--red-600) !important}.active\:bg-red-700:active{background-color:var(--red-700) !important}.active\:bg-red-800:active{background-color:var(--red-800) !important}.active\:bg-red-900:active{background-color:var(--red-900) !important}.bg-primary-50{background-color:var(--primary-50) !important}.bg-primary-100{background-color:var(--primary-100) !important}.bg-primary-200{background-color:var(--primary-200) !important}.bg-primary-300{background-color:var(--primary-300) !important}.bg-primary-400{background-color:var(--primary-400) !important}.bg-primary-500{background-color:var(--primary-500) !important}.bg-primary-600{background-color:var(--primary-600) !important}.bg-primary-700{background-color:var(--primary-700) !important}.bg-primary-800{background-color:var(--primary-800) !important}.bg-primary-900{background-color:var(--primary-900) !important}.focus\:bg-primary-50:focus{background-color:var(--primary-50) !important}.focus\:bg-primary-100:focus{background-color:var(--primary-100) !important}.focus\:bg-primary-200:focus{background-color:var(--primary-200) !important}.focus\:bg-primary-300:focus{background-color:var(--primary-300) !important}.focus\:bg-primary-400:focus{background-color:var(--primary-400) !important}.focus\:bg-primary-500:focus{background-color:var(--primary-500) !important}.focus\:bg-primary-600:focus{background-color:var(--primary-600) !important}.focus\:bg-primary-700:focus{background-color:var(--primary-700) !important}.focus\:bg-primary-800:focus{background-color:var(--primary-800) !important}.focus\:bg-primary-900:focus{background-color:var(--primary-900) !important}.hover\:bg-primary-50:hover{background-color:var(--primary-50) !important}.hover\:bg-primary-100:hover{background-color:var(--primary-100) !important}.hover\:bg-primary-200:hover{background-color:var(--primary-200) !important}.hover\:bg-primary-300:hover{background-color:var(--primary-300) !important}.hover\:bg-primary-400:hover{background-color:var(--primary-400) !important}.hover\:bg-primary-500:hover{background-color:var(--primary-500) !important}.hover\:bg-primary-600:hover{background-color:var(--primary-600) !important}.hover\:bg-primary-700:hover{background-color:var(--primary-700) !important}.hover\:bg-primary-800:hover{background-color:var(--primary-800) !important}.hover\:bg-primary-900:hover{background-color:var(--primary-900) !important}.active\:bg-primary-50:active{background-color:var(--primary-50) !important}.active\:bg-primary-100:active{background-color:var(--primary-100) !important}.active\:bg-primary-200:active{background-color:var(--primary-200) !important}.active\:bg-primary-300:active{background-color:var(--primary-300) !important}.active\:bg-primary-400:active{background-color:var(--primary-400) !important}.active\:bg-primary-500:active{background-color:var(--primary-500) !important}.active\:bg-primary-600:active{background-color:var(--primary-600) !important}.active\:bg-primary-700:active{background-color:var(--primary-700) !important}.active\:bg-primary-800:active{background-color:var(--primary-800) !important}.active\:bg-primary-900:active{background-color:var(--primary-900) !important}.border-blue-50{border-color:var(--blue-50) !important}.border-blue-100{border-color:var(--blue-100) !important}.border-blue-200{border-color:var(--blue-200) !important}.border-blue-300{border-color:var(--blue-300) !important}.border-blue-400{border-color:var(--blue-400) !important}.border-blue-500{border-color:var(--blue-500) !important}.border-blue-600{border-color:var(--blue-600) !important}.border-blue-700{border-color:var(--blue-700) !important}.border-blue-800{border-color:var(--blue-800) !important}.border-blue-900{border-color:var(--blue-900) !important}.focus\:border-blue-50:focus{border-color:var(--blue-50) !important}.focus\:border-blue-100:focus{border-color:var(--blue-100) !important}.focus\:border-blue-200:focus{border-color:var(--blue-200) !important}.focus\:border-blue-300:focus{border-color:var(--blue-300) !important}.focus\:border-blue-400:focus{border-color:var(--blue-400) !important}.focus\:border-blue-500:focus{border-color:var(--blue-500) !important}.focus\:border-blue-600:focus{border-color:var(--blue-600) !important}.focus\:border-blue-700:focus{border-color:var(--blue-700) !important}.focus\:border-blue-800:focus{border-color:var(--blue-800) !important}.focus\:border-blue-900:focus{border-color:var(--blue-900) !important}.hover\:border-blue-50:hover{border-color:var(--blue-50) !important}.hover\:border-blue-100:hover{border-color:var(--blue-100) !important}.hover\:border-blue-200:hover{border-color:var(--blue-200) !important}.hover\:border-blue-300:hover{border-color:var(--blue-300) !important}.hover\:border-blue-400:hover{border-color:var(--blue-400) !important}.hover\:border-blue-500:hover{border-color:var(--blue-500) !important}.hover\:border-blue-600:hover{border-color:var(--blue-600) !important}.hover\:border-blue-700:hover{border-color:var(--blue-700) !important}.hover\:border-blue-800:hover{border-color:var(--blue-800) !important}.hover\:border-blue-900:hover{border-color:var(--blue-900) !important}.active\:border-blue-50:active{border-color:var(--blue-50) !important}.active\:border-blue-100:active{border-color:var(--blue-100) !important}.active\:border-blue-200:active{border-color:var(--blue-200) !important}.active\:border-blue-300:active{border-color:var(--blue-300) !important}.active\:border-blue-400:active{border-color:var(--blue-400) !important}.active\:border-blue-500:active{border-color:var(--blue-500) !important}.active\:border-blue-600:active{border-color:var(--blue-600) !important}.active\:border-blue-700:active{border-color:var(--blue-700) !important}.active\:border-blue-800:active{border-color:var(--blue-800) !important}.active\:border-blue-900:active{border-color:var(--blue-900) !important}.border-green-50{border-color:var(--green-50) !important}.border-green-100{border-color:var(--green-100) !important}.border-green-200{border-color:var(--green-200) !important}.border-green-300{border-color:var(--green-300) !important}.border-green-400{border-color:var(--green-400) !important}.border-green-500{border-color:var(--green-500) !important}.border-green-600{border-color:var(--green-600) !important}.border-green-700{border-color:var(--green-700) !important}.border-green-800{border-color:var(--green-800) !important}.border-green-900{border-color:var(--green-900) !important}.focus\:border-green-50:focus{border-color:var(--green-50) !important}.focus\:border-green-100:focus{border-color:var(--green-100) !important}.focus\:border-green-200:focus{border-color:var(--green-200) !important}.focus\:border-green-300:focus{border-color:var(--green-300) !important}.focus\:border-green-400:focus{border-color:var(--green-400) !important}.focus\:border-green-500:focus{border-color:var(--green-500) !important}.focus\:border-green-600:focus{border-color:var(--green-600) !important}.focus\:border-green-700:focus{border-color:var(--green-700) !important}.focus\:border-green-800:focus{border-color:var(--green-800) !important}.focus\:border-green-900:focus{border-color:var(--green-900) !important}.hover\:border-green-50:hover{border-color:var(--green-50) !important}.hover\:border-green-100:hover{border-color:var(--green-100) !important}.hover\:border-green-200:hover{border-color:var(--green-200) !important}.hover\:border-green-300:hover{border-color:var(--green-300) !important}.hover\:border-green-400:hover{border-color:var(--green-400) !important}.hover\:border-green-500:hover{border-color:var(--green-500) !important}.hover\:border-green-600:hover{border-color:var(--green-600) !important}.hover\:border-green-700:hover{border-color:var(--green-700) !important}.hover\:border-green-800:hover{border-color:var(--green-800) !important}.hover\:border-green-900:hover{border-color:var(--green-900) !important}.active\:border-green-50:active{border-color:var(--green-50) !important}.active\:border-green-100:active{border-color:var(--green-100) !important}.active\:border-green-200:active{border-color:var(--green-200) !important}.active\:border-green-300:active{border-color:var(--green-300) !important}.active\:border-green-400:active{border-color:var(--green-400) !important}.active\:border-green-500:active{border-color:var(--green-500) !important}.active\:border-green-600:active{border-color:var(--green-600) !important}.active\:border-green-700:active{border-color:var(--green-700) !important}.active\:border-green-800:active{border-color:var(--green-800) !important}.active\:border-green-900:active{border-color:var(--green-900) !important}.border-yellow-50{border-color:var(--yellow-50) !important}.border-yellow-100{border-color:var(--yellow-100) !important}.border-yellow-200{border-color:var(--yellow-200) !important}.border-yellow-300{border-color:var(--yellow-300) !important}.border-yellow-400{border-color:var(--yellow-400) !important}.border-yellow-500{border-color:var(--yellow-500) !important}.border-yellow-600{border-color:var(--yellow-600) !important}.border-yellow-700{border-color:var(--yellow-700) !important}.border-yellow-800{border-color:var(--yellow-800) !important}.border-yellow-900{border-color:var(--yellow-900) !important}.focus\:border-yellow-50:focus{border-color:var(--yellow-50) !important}.focus\:border-yellow-100:focus{border-color:var(--yellow-100) !important}.focus\:border-yellow-200:focus{border-color:var(--yellow-200) !important}.focus\:border-yellow-300:focus{border-color:var(--yellow-300) !important}.focus\:border-yellow-400:focus{border-color:var(--yellow-400) !important}.focus\:border-yellow-500:focus{border-color:var(--yellow-500) !important}.focus\:border-yellow-600:focus{border-color:var(--yellow-600) !important}.focus\:border-yellow-700:focus{border-color:var(--yellow-700) !important}.focus\:border-yellow-800:focus{border-color:var(--yellow-800) !important}.focus\:border-yellow-900:focus{border-color:var(--yellow-900) !important}.hover\:border-yellow-50:hover{border-color:var(--yellow-50) !important}.hover\:border-yellow-100:hover{border-color:var(--yellow-100) !important}.hover\:border-yellow-200:hover{border-color:var(--yellow-200) !important}.hover\:border-yellow-300:hover{border-color:var(--yellow-300) !important}.hover\:border-yellow-400:hover{border-color:var(--yellow-400) !important}.hover\:border-yellow-500:hover{border-color:var(--yellow-500) !important}.hover\:border-yellow-600:hover{border-color:var(--yellow-600) !important}.hover\:border-yellow-700:hover{border-color:var(--yellow-700) !important}.hover\:border-yellow-800:hover{border-color:var(--yellow-800) !important}.hover\:border-yellow-900:hover{border-color:var(--yellow-900) !important}.active\:border-yellow-50:active{border-color:var(--yellow-50) !important}.active\:border-yellow-100:active{border-color:var(--yellow-100) !important}.active\:border-yellow-200:active{border-color:var(--yellow-200) !important}.active\:border-yellow-300:active{border-color:var(--yellow-300) !important}.active\:border-yellow-400:active{border-color:var(--yellow-400) !important}.active\:border-yellow-500:active{border-color:var(--yellow-500) !important}.active\:border-yellow-600:active{border-color:var(--yellow-600) !important}.active\:border-yellow-700:active{border-color:var(--yellow-700) !important}.active\:border-yellow-800:active{border-color:var(--yellow-800) !important}.active\:border-yellow-900:active{border-color:var(--yellow-900) !important}.border-cyan-50{border-color:var(--cyan-50) !important}.border-cyan-100{border-color:var(--cyan-100) !important}.border-cyan-200{border-color:var(--cyan-200) !important}.border-cyan-300{border-color:var(--cyan-300) !important}.border-cyan-400{border-color:var(--cyan-400) !important}.border-cyan-500{border-color:var(--cyan-500) !important}.border-cyan-600{border-color:var(--cyan-600) !important}.border-cyan-700{border-color:var(--cyan-700) !important}.border-cyan-800{border-color:var(--cyan-800) !important}.border-cyan-900{border-color:var(--cyan-900) !important}.focus\:border-cyan-50:focus{border-color:var(--cyan-50) !important}.focus\:border-cyan-100:focus{border-color:var(--cyan-100) !important}.focus\:border-cyan-200:focus{border-color:var(--cyan-200) !important}.focus\:border-cyan-300:focus{border-color:var(--cyan-300) !important}.focus\:border-cyan-400:focus{border-color:var(--cyan-400) !important}.focus\:border-cyan-500:focus{border-color:var(--cyan-500) !important}.focus\:border-cyan-600:focus{border-color:var(--cyan-600) !important}.focus\:border-cyan-700:focus{border-color:var(--cyan-700) !important}.focus\:border-cyan-800:focus{border-color:var(--cyan-800) !important}.focus\:border-cyan-900:focus{border-color:var(--cyan-900) !important}.hover\:border-cyan-50:hover{border-color:var(--cyan-50) !important}.hover\:border-cyan-100:hover{border-color:var(--cyan-100) !important}.hover\:border-cyan-200:hover{border-color:var(--cyan-200) !important}.hover\:border-cyan-300:hover{border-color:var(--cyan-300) !important}.hover\:border-cyan-400:hover{border-color:var(--cyan-400) !important}.hover\:border-cyan-500:hover{border-color:var(--cyan-500) !important}.hover\:border-cyan-600:hover{border-color:var(--cyan-600) !important}.hover\:border-cyan-700:hover{border-color:var(--cyan-700) !important}.hover\:border-cyan-800:hover{border-color:var(--cyan-800) !important}.hover\:border-cyan-900:hover{border-color:var(--cyan-900) !important}.active\:border-cyan-50:active{border-color:var(--cyan-50) !important}.active\:border-cyan-100:active{border-color:var(--cyan-100) !important}.active\:border-cyan-200:active{border-color:var(--cyan-200) !important}.active\:border-cyan-300:active{border-color:var(--cyan-300) !important}.active\:border-cyan-400:active{border-color:var(--cyan-400) !important}.active\:border-cyan-500:active{border-color:var(--cyan-500) !important}.active\:border-cyan-600:active{border-color:var(--cyan-600) !important}.active\:border-cyan-700:active{border-color:var(--cyan-700) !important}.active\:border-cyan-800:active{border-color:var(--cyan-800) !important}.active\:border-cyan-900:active{border-color:var(--cyan-900) !important}.border-pink-50{border-color:var(--pink-50) !important}.border-pink-100{border-color:var(--pink-100) !important}.border-pink-200{border-color:var(--pink-200) !important}.border-pink-300{border-color:var(--pink-300) !important}.border-pink-400{border-color:var(--pink-400) !important}.border-pink-500{border-color:var(--pink-500) !important}.border-pink-600{border-color:var(--pink-600) !important}.border-pink-700{border-color:var(--pink-700) !important}.border-pink-800{border-color:var(--pink-800) !important}.border-pink-900{border-color:var(--pink-900) !important}.focus\:border-pink-50:focus{border-color:var(--pink-50) !important}.focus\:border-pink-100:focus{border-color:var(--pink-100) !important}.focus\:border-pink-200:focus{border-color:var(--pink-200) !important}.focus\:border-pink-300:focus{border-color:var(--pink-300) !important}.focus\:border-pink-400:focus{border-color:var(--pink-400) !important}.focus\:border-pink-500:focus{border-color:var(--pink-500) !important}.focus\:border-pink-600:focus{border-color:var(--pink-600) !important}.focus\:border-pink-700:focus{border-color:var(--pink-700) !important}.focus\:border-pink-800:focus{border-color:var(--pink-800) !important}.focus\:border-pink-900:focus{border-color:var(--pink-900) !important}.hover\:border-pink-50:hover{border-color:var(--pink-50) !important}.hover\:border-pink-100:hover{border-color:var(--pink-100) !important}.hover\:border-pink-200:hover{border-color:var(--pink-200) !important}.hover\:border-pink-300:hover{border-color:var(--pink-300) !important}.hover\:border-pink-400:hover{border-color:var(--pink-400) !important}.hover\:border-pink-500:hover{border-color:var(--pink-500) !important}.hover\:border-pink-600:hover{border-color:var(--pink-600) !important}.hover\:border-pink-700:hover{border-color:var(--pink-700) !important}.hover\:border-pink-800:hover{border-color:var(--pink-800) !important}.hover\:border-pink-900:hover{border-color:var(--pink-900) !important}.active\:border-pink-50:active{border-color:var(--pink-50) !important}.active\:border-pink-100:active{border-color:var(--pink-100) !important}.active\:border-pink-200:active{border-color:var(--pink-200) !important}.active\:border-pink-300:active{border-color:var(--pink-300) !important}.active\:border-pink-400:active{border-color:var(--pink-400) !important}.active\:border-pink-500:active{border-color:var(--pink-500) !important}.active\:border-pink-600:active{border-color:var(--pink-600) !important}.active\:border-pink-700:active{border-color:var(--pink-700) !important}.active\:border-pink-800:active{border-color:var(--pink-800) !important}.active\:border-pink-900:active{border-color:var(--pink-900) !important}.border-indigo-50{border-color:var(--indigo-50) !important}.border-indigo-100{border-color:var(--indigo-100) !important}.border-indigo-200{border-color:var(--indigo-200) !important}.border-indigo-300{border-color:var(--indigo-300) !important}.border-indigo-400{border-color:var(--indigo-400) !important}.border-indigo-500{border-color:var(--indigo-500) !important}.border-indigo-600{border-color:var(--indigo-600) !important}.border-indigo-700{border-color:var(--indigo-700) !important}.border-indigo-800{border-color:var(--indigo-800) !important}.border-indigo-900{border-color:var(--indigo-900) !important}.focus\:border-indigo-50:focus{border-color:var(--indigo-50) !important}.focus\:border-indigo-100:focus{border-color:var(--indigo-100) !important}.focus\:border-indigo-200:focus{border-color:var(--indigo-200) !important}.focus\:border-indigo-300:focus{border-color:var(--indigo-300) !important}.focus\:border-indigo-400:focus{border-color:var(--indigo-400) !important}.focus\:border-indigo-500:focus{border-color:var(--indigo-500) !important}.focus\:border-indigo-600:focus{border-color:var(--indigo-600) !important}.focus\:border-indigo-700:focus{border-color:var(--indigo-700) !important}.focus\:border-indigo-800:focus{border-color:var(--indigo-800) !important}.focus\:border-indigo-900:focus{border-color:var(--indigo-900) !important}.hover\:border-indigo-50:hover{border-color:var(--indigo-50) !important}.hover\:border-indigo-100:hover{border-color:var(--indigo-100) !important}.hover\:border-indigo-200:hover{border-color:var(--indigo-200) !important}.hover\:border-indigo-300:hover{border-color:var(--indigo-300) !important}.hover\:border-indigo-400:hover{border-color:var(--indigo-400) !important}.hover\:border-indigo-500:hover{border-color:var(--indigo-500) !important}.hover\:border-indigo-600:hover{border-color:var(--indigo-600) !important}.hover\:border-indigo-700:hover{border-color:var(--indigo-700) !important}.hover\:border-indigo-800:hover{border-color:var(--indigo-800) !important}.hover\:border-indigo-900:hover{border-color:var(--indigo-900) !important}.active\:border-indigo-50:active{border-color:var(--indigo-50) !important}.active\:border-indigo-100:active{border-color:var(--indigo-100) !important}.active\:border-indigo-200:active{border-color:var(--indigo-200) !important}.active\:border-indigo-300:active{border-color:var(--indigo-300) !important}.active\:border-indigo-400:active{border-color:var(--indigo-400) !important}.active\:border-indigo-500:active{border-color:var(--indigo-500) !important}.active\:border-indigo-600:active{border-color:var(--indigo-600) !important}.active\:border-indigo-700:active{border-color:var(--indigo-700) !important}.active\:border-indigo-800:active{border-color:var(--indigo-800) !important}.active\:border-indigo-900:active{border-color:var(--indigo-900) !important}.border-teal-50{border-color:var(--teal-50) !important}.border-teal-100{border-color:var(--teal-100) !important}.border-teal-200{border-color:var(--teal-200) !important}.border-teal-300{border-color:var(--teal-300) !important}.border-teal-400{border-color:var(--teal-400) !important}.border-teal-500{border-color:var(--teal-500) !important}.border-teal-600{border-color:var(--teal-600) !important}.border-teal-700{border-color:var(--teal-700) !important}.border-teal-800{border-color:var(--teal-800) !important}.border-teal-900{border-color:var(--teal-900) !important}.focus\:border-teal-50:focus{border-color:var(--teal-50) !important}.focus\:border-teal-100:focus{border-color:var(--teal-100) !important}.focus\:border-teal-200:focus{border-color:var(--teal-200) !important}.focus\:border-teal-300:focus{border-color:var(--teal-300) !important}.focus\:border-teal-400:focus{border-color:var(--teal-400) !important}.focus\:border-teal-500:focus{border-color:var(--teal-500) !important}.focus\:border-teal-600:focus{border-color:var(--teal-600) !important}.focus\:border-teal-700:focus{border-color:var(--teal-700) !important}.focus\:border-teal-800:focus{border-color:var(--teal-800) !important}.focus\:border-teal-900:focus{border-color:var(--teal-900) !important}.hover\:border-teal-50:hover{border-color:var(--teal-50) !important}.hover\:border-teal-100:hover{border-color:var(--teal-100) !important}.hover\:border-teal-200:hover{border-color:var(--teal-200) !important}.hover\:border-teal-300:hover{border-color:var(--teal-300) !important}.hover\:border-teal-400:hover{border-color:var(--teal-400) !important}.hover\:border-teal-500:hover{border-color:var(--teal-500) !important}.hover\:border-teal-600:hover{border-color:var(--teal-600) !important}.hover\:border-teal-700:hover{border-color:var(--teal-700) !important}.hover\:border-teal-800:hover{border-color:var(--teal-800) !important}.hover\:border-teal-900:hover{border-color:var(--teal-900) !important}.active\:border-teal-50:active{border-color:var(--teal-50) !important}.active\:border-teal-100:active{border-color:var(--teal-100) !important}.active\:border-teal-200:active{border-color:var(--teal-200) !important}.active\:border-teal-300:active{border-color:var(--teal-300) !important}.active\:border-teal-400:active{border-color:var(--teal-400) !important}.active\:border-teal-500:active{border-color:var(--teal-500) !important}.active\:border-teal-600:active{border-color:var(--teal-600) !important}.active\:border-teal-700:active{border-color:var(--teal-700) !important}.active\:border-teal-800:active{border-color:var(--teal-800) !important}.active\:border-teal-900:active{border-color:var(--teal-900) !important}.border-orange-50{border-color:var(--orange-50) !important}.border-orange-100{border-color:var(--orange-100) !important}.border-orange-200{border-color:var(--orange-200) !important}.border-orange-300{border-color:var(--orange-300) !important}.border-orange-400{border-color:var(--orange-400) !important}.border-orange-500{border-color:var(--orange-500) !important}.border-orange-600{border-color:var(--orange-600) !important}.border-orange-700{border-color:var(--orange-700) !important}.border-orange-800{border-color:var(--orange-800) !important}.border-orange-900{border-color:var(--orange-900) !important}.focus\:border-orange-50:focus{border-color:var(--orange-50) !important}.focus\:border-orange-100:focus{border-color:var(--orange-100) !important}.focus\:border-orange-200:focus{border-color:var(--orange-200) !important}.focus\:border-orange-300:focus{border-color:var(--orange-300) !important}.focus\:border-orange-400:focus{border-color:var(--orange-400) !important}.focus\:border-orange-500:focus{border-color:var(--orange-500) !important}.focus\:border-orange-600:focus{border-color:var(--orange-600) !important}.focus\:border-orange-700:focus{border-color:var(--orange-700) !important}.focus\:border-orange-800:focus{border-color:var(--orange-800) !important}.focus\:border-orange-900:focus{border-color:var(--orange-900) !important}.hover\:border-orange-50:hover{border-color:var(--orange-50) !important}.hover\:border-orange-100:hover{border-color:var(--orange-100) !important}.hover\:border-orange-200:hover{border-color:var(--orange-200) !important}.hover\:border-orange-300:hover{border-color:var(--orange-300) !important}.hover\:border-orange-400:hover{border-color:var(--orange-400) !important}.hover\:border-orange-500:hover{border-color:var(--orange-500) !important}.hover\:border-orange-600:hover{border-color:var(--orange-600) !important}.hover\:border-orange-700:hover{border-color:var(--orange-700) !important}.hover\:border-orange-800:hover{border-color:var(--orange-800) !important}.hover\:border-orange-900:hover{border-color:var(--orange-900) !important}.active\:border-orange-50:active{border-color:var(--orange-50) !important}.active\:border-orange-100:active{border-color:var(--orange-100) !important}.active\:border-orange-200:active{border-color:var(--orange-200) !important}.active\:border-orange-300:active{border-color:var(--orange-300) !important}.active\:border-orange-400:active{border-color:var(--orange-400) !important}.active\:border-orange-500:active{border-color:var(--orange-500) !important}.active\:border-orange-600:active{border-color:var(--orange-600) !important}.active\:border-orange-700:active{border-color:var(--orange-700) !important}.active\:border-orange-800:active{border-color:var(--orange-800) !important}.active\:border-orange-900:active{border-color:var(--orange-900) !important}.border-bluegray-50{border-color:var(--bluegray-50) !important}.border-bluegray-100{border-color:var(--bluegray-100) !important}.border-bluegray-200{border-color:var(--bluegray-200) !important}.border-bluegray-300{border-color:var(--bluegray-300) !important}.border-bluegray-400{border-color:var(--bluegray-400) !important}.border-bluegray-500{border-color:var(--bluegray-500) !important}.border-bluegray-600{border-color:var(--bluegray-600) !important}.border-bluegray-700{border-color:var(--bluegray-700) !important}.border-bluegray-800{border-color:var(--bluegray-800) !important}.border-bluegray-900{border-color:var(--bluegray-900) !important}.focus\:border-bluegray-50:focus{border-color:var(--bluegray-50) !important}.focus\:border-bluegray-100:focus{border-color:var(--bluegray-100) !important}.focus\:border-bluegray-200:focus{border-color:var(--bluegray-200) !important}.focus\:border-bluegray-300:focus{border-color:var(--bluegray-300) !important}.focus\:border-bluegray-400:focus{border-color:var(--bluegray-400) !important}.focus\:border-bluegray-500:focus{border-color:var(--bluegray-500) !important}.focus\:border-bluegray-600:focus{border-color:var(--bluegray-600) !important}.focus\:border-bluegray-700:focus{border-color:var(--bluegray-700) !important}.focus\:border-bluegray-800:focus{border-color:var(--bluegray-800) !important}.focus\:border-bluegray-900:focus{border-color:var(--bluegray-900) !important}.hover\:border-bluegray-50:hover{border-color:var(--bluegray-50) !important}.hover\:border-bluegray-100:hover{border-color:var(--bluegray-100) !important}.hover\:border-bluegray-200:hover{border-color:var(--bluegray-200) !important}.hover\:border-bluegray-300:hover{border-color:var(--bluegray-300) !important}.hover\:border-bluegray-400:hover{border-color:var(--bluegray-400) !important}.hover\:border-bluegray-500:hover{border-color:var(--bluegray-500) !important}.hover\:border-bluegray-600:hover{border-color:var(--bluegray-600) !important}.hover\:border-bluegray-700:hover{border-color:var(--bluegray-700) !important}.hover\:border-bluegray-800:hover{border-color:var(--bluegray-800) !important}.hover\:border-bluegray-900:hover{border-color:var(--bluegray-900) !important}.active\:border-bluegray-50:active{border-color:var(--bluegray-50) !important}.active\:border-bluegray-100:active{border-color:var(--bluegray-100) !important}.active\:border-bluegray-200:active{border-color:var(--bluegray-200) !important}.active\:border-bluegray-300:active{border-color:var(--bluegray-300) !important}.active\:border-bluegray-400:active{border-color:var(--bluegray-400) !important}.active\:border-bluegray-500:active{border-color:var(--bluegray-500) !important}.active\:border-bluegray-600:active{border-color:var(--bluegray-600) !important}.active\:border-bluegray-700:active{border-color:var(--bluegray-700) !important}.active\:border-bluegray-800:active{border-color:var(--bluegray-800) !important}.active\:border-bluegray-900:active{border-color:var(--bluegray-900) !important}.border-purple-50{border-color:var(--purple-50) !important}.border-purple-100{border-color:var(--purple-100) !important}.border-purple-200{border-color:var(--purple-200) !important}.border-purple-300{border-color:var(--purple-300) !important}.border-purple-400{border-color:var(--purple-400) !important}.border-purple-500{border-color:var(--purple-500) !important}.border-purple-600{border-color:var(--purple-600) !important}.border-purple-700{border-color:var(--purple-700) !important}.border-purple-800{border-color:var(--purple-800) !important}.border-purple-900{border-color:var(--purple-900) !important}.focus\:border-purple-50:focus{border-color:var(--purple-50) !important}.focus\:border-purple-100:focus{border-color:var(--purple-100) !important}.focus\:border-purple-200:focus{border-color:var(--purple-200) !important}.focus\:border-purple-300:focus{border-color:var(--purple-300) !important}.focus\:border-purple-400:focus{border-color:var(--purple-400) !important}.focus\:border-purple-500:focus{border-color:var(--purple-500) !important}.focus\:border-purple-600:focus{border-color:var(--purple-600) !important}.focus\:border-purple-700:focus{border-color:var(--purple-700) !important}.focus\:border-purple-800:focus{border-color:var(--purple-800) !important}.focus\:border-purple-900:focus{border-color:var(--purple-900) !important}.hover\:border-purple-50:hover{border-color:var(--purple-50) !important}.hover\:border-purple-100:hover{border-color:var(--purple-100) !important}.hover\:border-purple-200:hover{border-color:var(--purple-200) !important}.hover\:border-purple-300:hover{border-color:var(--purple-300) !important}.hover\:border-purple-400:hover{border-color:var(--purple-400) !important}.hover\:border-purple-500:hover{border-color:var(--purple-500) !important}.hover\:border-purple-600:hover{border-color:var(--purple-600) !important}.hover\:border-purple-700:hover{border-color:var(--purple-700) !important}.hover\:border-purple-800:hover{border-color:var(--purple-800) !important}.hover\:border-purple-900:hover{border-color:var(--purple-900) !important}.active\:border-purple-50:active{border-color:var(--purple-50) !important}.active\:border-purple-100:active{border-color:var(--purple-100) !important}.active\:border-purple-200:active{border-color:var(--purple-200) !important}.active\:border-purple-300:active{border-color:var(--purple-300) !important}.active\:border-purple-400:active{border-color:var(--purple-400) !important}.active\:border-purple-500:active{border-color:var(--purple-500) !important}.active\:border-purple-600:active{border-color:var(--purple-600) !important}.active\:border-purple-700:active{border-color:var(--purple-700) !important}.active\:border-purple-800:active{border-color:var(--purple-800) !important}.active\:border-purple-900:active{border-color:var(--purple-900) !important}.border-gray-50{border-color:var(--gray-50) !important}.border-gray-100{border-color:var(--gray-100) !important}.border-gray-200{border-color:var(--gray-200) !important}.border-gray-300{border-color:var(--gray-300) !important}.border-gray-400{border-color:var(--gray-400) !important}.border-gray-500{border-color:var(--gray-500) !important}.border-gray-600{border-color:var(--gray-600) !important}.border-gray-700{border-color:var(--gray-700) !important}.border-gray-800{border-color:var(--gray-800) !important}.border-gray-900{border-color:var(--gray-900) !important}.focus\:border-gray-50:focus{border-color:var(--gray-50) !important}.focus\:border-gray-100:focus{border-color:var(--gray-100) !important}.focus\:border-gray-200:focus{border-color:var(--gray-200) !important}.focus\:border-gray-300:focus{border-color:var(--gray-300) !important}.focus\:border-gray-400:focus{border-color:var(--gray-400) !important}.focus\:border-gray-500:focus{border-color:var(--gray-500) !important}.focus\:border-gray-600:focus{border-color:var(--gray-600) !important}.focus\:border-gray-700:focus{border-color:var(--gray-700) !important}.focus\:border-gray-800:focus{border-color:var(--gray-800) !important}.focus\:border-gray-900:focus{border-color:var(--gray-900) !important}.hover\:border-gray-50:hover{border-color:var(--gray-50) !important}.hover\:border-gray-100:hover{border-color:var(--gray-100) !important}.hover\:border-gray-200:hover{border-color:var(--gray-200) !important}.hover\:border-gray-300:hover{border-color:var(--gray-300) !important}.hover\:border-gray-400:hover{border-color:var(--gray-400) !important}.hover\:border-gray-500:hover{border-color:var(--gray-500) !important}.hover\:border-gray-600:hover{border-color:var(--gray-600) !important}.hover\:border-gray-700:hover{border-color:var(--gray-700) !important}.hover\:border-gray-800:hover{border-color:var(--gray-800) !important}.hover\:border-gray-900:hover{border-color:var(--gray-900) !important}.active\:border-gray-50:active{border-color:var(--gray-50) !important}.active\:border-gray-100:active{border-color:var(--gray-100) !important}.active\:border-gray-200:active{border-color:var(--gray-200) !important}.active\:border-gray-300:active{border-color:var(--gray-300) !important}.active\:border-gray-400:active{border-color:var(--gray-400) !important}.active\:border-gray-500:active{border-color:var(--gray-500) !important}.active\:border-gray-600:active{border-color:var(--gray-600) !important}.active\:border-gray-700:active{border-color:var(--gray-700) !important}.active\:border-gray-800:active{border-color:var(--gray-800) !important}.active\:border-gray-900:active{border-color:var(--gray-900) !important}.border-red-50{border-color:var(--red-50) !important}.border-red-100{border-color:var(--red-100) !important}.border-red-200{border-color:var(--red-200) !important}.border-red-300{border-color:var(--red-300) !important}.border-red-400{border-color:var(--red-400) !important}.border-red-500{border-color:var(--red-500) !important}.border-red-600{border-color:var(--red-600) !important}.border-red-700{border-color:var(--red-700) !important}.border-red-800{border-color:var(--red-800) !important}.border-red-900{border-color:var(--red-900) !important}.focus\:border-red-50:focus{border-color:var(--red-50) !important}.focus\:border-red-100:focus{border-color:var(--red-100) !important}.focus\:border-red-200:focus{border-color:var(--red-200) !important}.focus\:border-red-300:focus{border-color:var(--red-300) !important}.focus\:border-red-400:focus{border-color:var(--red-400) !important}.focus\:border-red-500:focus{border-color:var(--red-500) !important}.focus\:border-red-600:focus{border-color:var(--red-600) !important}.focus\:border-red-700:focus{border-color:var(--red-700) !important}.focus\:border-red-800:focus{border-color:var(--red-800) !important}.focus\:border-red-900:focus{border-color:var(--red-900) !important}.hover\:border-red-50:hover{border-color:var(--red-50) !important}.hover\:border-red-100:hover{border-color:var(--red-100) !important}.hover\:border-red-200:hover{border-color:var(--red-200) !important}.hover\:border-red-300:hover{border-color:var(--red-300) !important}.hover\:border-red-400:hover{border-color:var(--red-400) !important}.hover\:border-red-500:hover{border-color:var(--red-500) !important}.hover\:border-red-600:hover{border-color:var(--red-600) !important}.hover\:border-red-700:hover{border-color:var(--red-700) !important}.hover\:border-red-800:hover{border-color:var(--red-800) !important}.hover\:border-red-900:hover{border-color:var(--red-900) !important}.active\:border-red-50:active{border-color:var(--red-50) !important}.active\:border-red-100:active{border-color:var(--red-100) !important}.active\:border-red-200:active{border-color:var(--red-200) !important}.active\:border-red-300:active{border-color:var(--red-300) !important}.active\:border-red-400:active{border-color:var(--red-400) !important}.active\:border-red-500:active{border-color:var(--red-500) !important}.active\:border-red-600:active{border-color:var(--red-600) !important}.active\:border-red-700:active{border-color:var(--red-700) !important}.active\:border-red-800:active{border-color:var(--red-800) !important}.active\:border-red-900:active{border-color:var(--red-900) !important}.border-primary-50{border-color:var(--primary-50) !important}.border-primary-100{border-color:var(--primary-100) !important}.border-primary-200{border-color:var(--primary-200) !important}.border-primary-300{border-color:var(--primary-300) !important}.border-primary-400{border-color:var(--primary-400) !important}.border-primary-500{border-color:var(--primary-500) !important}.border-primary-600{border-color:var(--primary-600) !important}.border-primary-700{border-color:var(--primary-700) !important}.border-primary-800{border-color:var(--primary-800) !important}.border-primary-900{border-color:var(--primary-900) !important}.focus\:border-primary-50:focus{border-color:var(--primary-50) !important}.focus\:border-primary-100:focus{border-color:var(--primary-100) !important}.focus\:border-primary-200:focus{border-color:var(--primary-200) !important}.focus\:border-primary-300:focus{border-color:var(--primary-300) !important}.focus\:border-primary-400:focus{border-color:var(--primary-400) !important}.focus\:border-primary-500:focus{border-color:var(--primary-500) !important}.focus\:border-primary-600:focus{border-color:var(--primary-600) !important}.focus\:border-primary-700:focus{border-color:var(--primary-700) !important}.focus\:border-primary-800:focus{border-color:var(--primary-800) !important}.focus\:border-primary-900:focus{border-color:var(--primary-900) !important}.hover\:border-primary-50:hover{border-color:var(--primary-50) !important}.hover\:border-primary-100:hover{border-color:var(--primary-100) !important}.hover\:border-primary-200:hover{border-color:var(--primary-200) !important}.hover\:border-primary-300:hover{border-color:var(--primary-300) !important}.hover\:border-primary-400:hover{border-color:var(--primary-400) !important}.hover\:border-primary-500:hover{border-color:var(--primary-500) !important}.hover\:border-primary-600:hover{border-color:var(--primary-600) !important}.hover\:border-primary-700:hover{border-color:var(--primary-700) !important}.hover\:border-primary-800:hover{border-color:var(--primary-800) !important}.hover\:border-primary-900:hover{border-color:var(--primary-900) !important}.active\:border-primary-50:active{border-color:var(--primary-50) !important}.active\:border-primary-100:active{border-color:var(--primary-100) !important}.active\:border-primary-200:active{border-color:var(--primary-200) !important}.active\:border-primary-300:active{border-color:var(--primary-300) !important}.active\:border-primary-400:active{border-color:var(--primary-400) !important}.active\:border-primary-500:active{border-color:var(--primary-500) !important}.active\:border-primary-600:active{border-color:var(--primary-600) !important}.active\:border-primary-700:active{border-color:var(--primary-700) !important}.active\:border-primary-800:active{border-color:var(--primary-800) !important}.active\:border-primary-900:active{border-color:var(--primary-900) !important}.bg-white-alpha-10{background-color:rgba(255,255,255,0.1) !important}.bg-white-alpha-20{background-color:rgba(255,255,255,0.2) !important}.bg-white-alpha-30{background-color:rgba(255,255,255,0.3) !important}.bg-white-alpha-40{background-color:rgba(255,255,255,0.4) !important}.bg-white-alpha-50{background-color:rgba(255,255,255,0.5) !important}.bg-white-alpha-60{background-color:rgba(255,255,255,0.6) !important}.bg-white-alpha-70{background-color:rgba(255,255,255,0.7) !important}.bg-white-alpha-80{background-color:rgba(255,255,255,0.8) !important}.bg-white-alpha-90{background-color:rgba(255,255,255,0.9) !important}.hover\:bg-white-alpha-10:hover{background-color:rgba(255,255,255,0.1) !important}.hover\:bg-white-alpha-20:hover{background-color:rgba(255,255,255,0.2) !important}.hover\:bg-white-alpha-30:hover{background-color:rgba(255,255,255,0.3) !important}.hover\:bg-white-alpha-40:hover{background-color:rgba(255,255,255,0.4) !important}.hover\:bg-white-alpha-50:hover{background-color:rgba(255,255,255,0.5) !important}.hover\:bg-white-alpha-60:hover{background-color:rgba(255,255,255,0.6) !important}.hover\:bg-white-alpha-70:hover{background-color:rgba(255,255,255,0.7) !important}.hover\:bg-white-alpha-80:hover{background-color:rgba(255,255,255,0.8) !important}.hover\:bg-white-alpha-90:hover{background-color:rgba(255,255,255,0.9) !important}.focus\:bg-white-alpha-10:focus{background-color:rgba(255,255,255,0.1) !important}.focus\:bg-white-alpha-20:focus{background-color:rgba(255,255,255,0.2) !important}.focus\:bg-white-alpha-30:focus{background-color:rgba(255,255,255,0.3) !important}.focus\:bg-white-alpha-40:focus{background-color:rgba(255,255,255,0.4) !important}.focus\:bg-white-alpha-50:focus{background-color:rgba(255,255,255,0.5) !important}.focus\:bg-white-alpha-60:focus{background-color:rgba(255,255,255,0.6) !important}.focus\:bg-white-alpha-70:focus{background-color:rgba(255,255,255,0.7) !important}.focus\:bg-white-alpha-80:focus{background-color:rgba(255,255,255,0.8) !important}.focus\:bg-white-alpha-90:focus{background-color:rgba(255,255,255,0.9) !important}.active\:bg-white-alpha-10:active{background-color:rgba(255,255,255,0.1) !important}.active\:bg-white-alpha-20:active{background-color:rgba(255,255,255,0.2) !important}.active\:bg-white-alpha-30:active{background-color:rgba(255,255,255,0.3) !important}.active\:bg-white-alpha-40:active{background-color:rgba(255,255,255,0.4) !important}.active\:bg-white-alpha-50:active{background-color:rgba(255,255,255,0.5) !important}.active\:bg-white-alpha-60:active{background-color:rgba(255,255,255,0.6) !important}.active\:bg-white-alpha-70:active{background-color:rgba(255,255,255,0.7) !important}.active\:bg-white-alpha-80:active{background-color:rgba(255,255,255,0.8) !important}.active\:bg-white-alpha-90:active{background-color:rgba(255,255,255,0.9) !important}.bg-black-alpha-10{background-color:rgba(0,0,0,0.1) !important}.bg-black-alpha-20{background-color:rgba(0,0,0,0.2) !important}.bg-black-alpha-30{background-color:rgba(0,0,0,0.3) !important}.bg-black-alpha-40{background-color:rgba(0,0,0,0.4) !important}.bg-black-alpha-50{background-color:rgba(0,0,0,0.5) !important}.bg-black-alpha-60{background-color:rgba(0,0,0,0.6) !important}.bg-black-alpha-70{background-color:rgba(0,0,0,0.7) !important}.bg-black-alpha-80{background-color:rgba(0,0,0,0.8) !important}.bg-black-alpha-90{background-color:rgba(0,0,0,0.9) !important}.hover\:bg-black-alpha-10:hover{background-color:rgba(0,0,0,0.1) !important}.hover\:bg-black-alpha-20:hover{background-color:rgba(0,0,0,0.2) !important}.hover\:bg-black-alpha-30:hover{background-color:rgba(0,0,0,0.3) !important}.hover\:bg-black-alpha-40:hover{background-color:rgba(0,0,0,0.4) !important}.hover\:bg-black-alpha-50:hover{background-color:rgba(0,0,0,0.5) !important}.hover\:bg-black-alpha-60:hover{background-color:rgba(0,0,0,0.6) !important}.hover\:bg-black-alpha-70:hover{background-color:rgba(0,0,0,0.7) !important}.hover\:bg-black-alpha-80:hover{background-color:rgba(0,0,0,0.8) !important}.hover\:bg-black-alpha-90:hover{background-color:rgba(0,0,0,0.9) !important}.focus\:bg-black-alpha-10:focus{background-color:rgba(0,0,0,0.1) !important}.focus\:bg-black-alpha-20:focus{background-color:rgba(0,0,0,0.2) !important}.focus\:bg-black-alpha-30:focus{background-color:rgba(0,0,0,0.3) !important}.focus\:bg-black-alpha-40:focus{background-color:rgba(0,0,0,0.4) !important}.focus\:bg-black-alpha-50:focus{background-color:rgba(0,0,0,0.5) !important}.focus\:bg-black-alpha-60:focus{background-color:rgba(0,0,0,0.6) !important}.focus\:bg-black-alpha-70:focus{background-color:rgba(0,0,0,0.7) !important}.focus\:bg-black-alpha-80:focus{background-color:rgba(0,0,0,0.8) !important}.focus\:bg-black-alpha-90:focus{background-color:rgba(0,0,0,0.9) !important}.active\:bg-black-alpha-10:active{background-color:rgba(0,0,0,0.1) !important}.active\:bg-black-alpha-20:active{background-color:rgba(0,0,0,0.2) !important}.active\:bg-black-alpha-30:active{background-color:rgba(0,0,0,0.3) !important}.active\:bg-black-alpha-40:active{background-color:rgba(0,0,0,0.4) !important}.active\:bg-black-alpha-50:active{background-color:rgba(0,0,0,0.5) !important}.active\:bg-black-alpha-60:active{background-color:rgba(0,0,0,0.6) !important}.active\:bg-black-alpha-70:active{background-color:rgba(0,0,0,0.7) !important}.active\:bg-black-alpha-80:active{background-color:rgba(0,0,0,0.8) !important}.active\:bg-black-alpha-90:active{background-color:rgba(0,0,0,0.9) !important}.border-white-alpha-10{border-color:rgba(255,255,255,0.1) !important}.border-white-alpha-20{border-color:rgba(255,255,255,0.2) !important}.border-white-alpha-30{border-color:rgba(255,255,255,0.3) !important}.border-white-alpha-40{border-color:rgba(255,255,255,0.4) !important}.border-white-alpha-50{border-color:rgba(255,255,255,0.5) !important}.border-white-alpha-60{border-color:rgba(255,255,255,0.6) !important}.border-white-alpha-70{border-color:rgba(255,255,255,0.7) !important}.border-white-alpha-80{border-color:rgba(255,255,255,0.8) !important}.border-white-alpha-90{border-color:rgba(255,255,255,0.9) !important}.hover\:border-white-alpha-10:hover{border-color:rgba(255,255,255,0.1) !important}.hover\:border-white-alpha-20:hover{border-color:rgba(255,255,255,0.2) !important}.hover\:border-white-alpha-30:hover{border-color:rgba(255,255,255,0.3) !important}.hover\:border-white-alpha-40:hover{border-color:rgba(255,255,255,0.4) !important}.hover\:border-white-alpha-50:hover{border-color:rgba(255,255,255,0.5) !important}.hover\:border-white-alpha-60:hover{border-color:rgba(255,255,255,0.6) !important}.hover\:border-white-alpha-70:hover{border-color:rgba(255,255,255,0.7) !important}.hover\:border-white-alpha-80:hover{border-color:rgba(255,255,255,0.8) !important}.hover\:border-white-alpha-90:hover{border-color:rgba(255,255,255,0.9) !important}.focus\:border-white-alpha-10:focus{border-color:rgba(255,255,255,0.1) !important}.focus\:border-white-alpha-20:focus{border-color:rgba(255,255,255,0.2) !important}.focus\:border-white-alpha-30:focus{border-color:rgba(255,255,255,0.3) !important}.focus\:border-white-alpha-40:focus{border-color:rgba(255,255,255,0.4) !important}.focus\:border-white-alpha-50:focus{border-color:rgba(255,255,255,0.5) !important}.focus\:border-white-alpha-60:focus{border-color:rgba(255,255,255,0.6) !important}.focus\:border-white-alpha-70:focus{border-color:rgba(255,255,255,0.7) !important}.focus\:border-white-alpha-80:focus{border-color:rgba(255,255,255,0.8) !important}.focus\:border-white-alpha-90:focus{border-color:rgba(255,255,255,0.9) !important}.active\:border-white-alpha-10:active{border-color:rgba(255,255,255,0.1) !important}.active\:border-white-alpha-20:active{border-color:rgba(255,255,255,0.2) !important}.active\:border-white-alpha-30:active{border-color:rgba(255,255,255,0.3) !important}.active\:border-white-alpha-40:active{border-color:rgba(255,255,255,0.4) !important}.active\:border-white-alpha-50:active{border-color:rgba(255,255,255,0.5) !important}.active\:border-white-alpha-60:active{border-color:rgba(255,255,255,0.6) !important}.active\:border-white-alpha-70:active{border-color:rgba(255,255,255,0.7) !important}.active\:border-white-alpha-80:active{border-color:rgba(255,255,255,0.8) !important}.active\:border-white-alpha-90:active{border-color:rgba(255,255,255,0.9) !important}.border-black-alpha-10{border-color:rgba(0,0,0,0.1) !important}.border-black-alpha-20{border-color:rgba(0,0,0,0.2) !important}.border-black-alpha-30{border-color:rgba(0,0,0,0.3) !important}.border-black-alpha-40{border-color:rgba(0,0,0,0.4) !important}.border-black-alpha-50{border-color:rgba(0,0,0,0.5) !important}.border-black-alpha-60{border-color:rgba(0,0,0,0.6) !important}.border-black-alpha-70{border-color:rgba(0,0,0,0.7) !important}.border-black-alpha-80{border-color:rgba(0,0,0,0.8) !important}.border-black-alpha-90{border-color:rgba(0,0,0,0.9) !important}.hover\:border-black-alpha-10:hover{border-color:rgba(0,0,0,0.1) !important}.hover\:border-black-alpha-20:hover{border-color:rgba(0,0,0,0.2) !important}.hover\:border-black-alpha-30:hover{border-color:rgba(0,0,0,0.3) !important}.hover\:border-black-alpha-40:hover{border-color:rgba(0,0,0,0.4) !important}.hover\:border-black-alpha-50:hover{border-color:rgba(0,0,0,0.5) !important}.hover\:border-black-alpha-60:hover{border-color:rgba(0,0,0,0.6) !important}.hover\:border-black-alpha-70:hover{border-color:rgba(0,0,0,0.7) !important}.hover\:border-black-alpha-80:hover{border-color:rgba(0,0,0,0.8) !important}.hover\:border-black-alpha-90:hover{border-color:rgba(0,0,0,0.9) !important}.focus\:border-black-alpha-10:focus{border-color:rgba(0,0,0,0.1) !important}.focus\:border-black-alpha-20:focus{border-color:rgba(0,0,0,0.2) !important}.focus\:border-black-alpha-30:focus{border-color:rgba(0,0,0,0.3) !important}.focus\:border-black-alpha-40:focus{border-color:rgba(0,0,0,0.4) !important}.focus\:border-black-alpha-50:focus{border-color:rgba(0,0,0,0.5) !important}.focus\:border-black-alpha-60:focus{border-color:rgba(0,0,0,0.6) !important}.focus\:border-black-alpha-70:focus{border-color:rgba(0,0,0,0.7) !important}.focus\:border-black-alpha-80:focus{border-color:rgba(0,0,0,0.8) !important}.focus\:border-black-alpha-90:focus{border-color:rgba(0,0,0,0.9) !important}.active\:border-black-alpha-10:active{border-color:rgba(0,0,0,0.1) !important}.active\:border-black-alpha-20:active{border-color:rgba(0,0,0,0.2) !important}.active\:border-black-alpha-30:active{border-color:rgba(0,0,0,0.3) !important}.active\:border-black-alpha-40:active{border-color:rgba(0,0,0,0.4) !important}.active\:border-black-alpha-50:active{border-color:rgba(0,0,0,0.5) !important}.active\:border-black-alpha-60:active{border-color:rgba(0,0,0,0.6) !important}.active\:border-black-alpha-70:active{border-color:rgba(0,0,0,0.7) !important}.active\:border-black-alpha-80:active{border-color:rgba(0,0,0,0.8) !important}.active\:border-black-alpha-90:active{border-color:rgba(0,0,0,0.9) !important}.text-white-alpha-10{color:rgba(255,255,255,0.1) !important}.text-white-alpha-20{color:rgba(255,255,255,0.2) !important}.text-white-alpha-30{color:rgba(255,255,255,0.3) !important}.text-white-alpha-40{color:rgba(255,255,255,0.4) !important}.text-white-alpha-50{color:rgba(255,255,255,0.5) !important}.text-white-alpha-60{color:rgba(255,255,255,0.6) !important}.text-white-alpha-70{color:rgba(255,255,255,0.7) !important}.text-white-alpha-80{color:rgba(255,255,255,0.8) !important}.text-white-alpha-90{color:rgba(255,255,255,0.9) !important}.hover\:text-white-alpha-10:hover{color:rgba(255,255,255,0.1) !important}.hover\:text-white-alpha-20:hover{color:rgba(255,255,255,0.2) !important}.hover\:text-white-alpha-30:hover{color:rgba(255,255,255,0.3) !important}.hover\:text-white-alpha-40:hover{color:rgba(255,255,255,0.4) !important}.hover\:text-white-alpha-50:hover{color:rgba(255,255,255,0.5) !important}.hover\:text-white-alpha-60:hover{color:rgba(255,255,255,0.6) !important}.hover\:text-white-alpha-70:hover{color:rgba(255,255,255,0.7) !important}.hover\:text-white-alpha-80:hover{color:rgba(255,255,255,0.8) !important}.hover\:text-white-alpha-90:hover{color:rgba(255,255,255,0.9) !important}.focus\:text-white-alpha-10:focus{color:rgba(255,255,255,0.1) !important}.focus\:text-white-alpha-20:focus{color:rgba(255,255,255,0.2) !important}.focus\:text-white-alpha-30:focus{color:rgba(255,255,255,0.3) !important}.focus\:text-white-alpha-40:focus{color:rgba(255,255,255,0.4) !important}.focus\:text-white-alpha-50:focus{color:rgba(255,255,255,0.5) !important}.focus\:text-white-alpha-60:focus{color:rgba(255,255,255,0.6) !important}.focus\:text-white-alpha-70:focus{color:rgba(255,255,255,0.7) !important}.focus\:text-white-alpha-80:focus{color:rgba(255,255,255,0.8) !important}.focus\:text-white-alpha-90:focus{color:rgba(255,255,255,0.9) !important}.active\:text-white-alpha-10:active{color:rgba(255,255,255,0.1) !important}.active\:text-white-alpha-20:active{color:rgba(255,255,255,0.2) !important}.active\:text-white-alpha-30:active{color:rgba(255,255,255,0.3) !important}.active\:text-white-alpha-40:active{color:rgba(255,255,255,0.4) !important}.active\:text-white-alpha-50:active{color:rgba(255,255,255,0.5) !important}.active\:text-white-alpha-60:active{color:rgba(255,255,255,0.6) !important}.active\:text-white-alpha-70:active{color:rgba(255,255,255,0.7) !important}.active\:text-white-alpha-80:active{color:rgba(255,255,255,0.8) !important}.active\:text-white-alpha-90:active{color:rgba(255,255,255,0.9) !important}.text-black-alpha-10{color:rgba(0,0,0,0.1) !important}.text-black-alpha-20{color:rgba(0,0,0,0.2) !important}.text-black-alpha-30{color:rgba(0,0,0,0.3) !important}.text-black-alpha-40{color:rgba(0,0,0,0.4) !important}.text-black-alpha-50{color:rgba(0,0,0,0.5) !important}.text-black-alpha-60{color:rgba(0,0,0,0.6) !important}.text-black-alpha-70{color:rgba(0,0,0,0.7) !important}.text-black-alpha-80{color:rgba(0,0,0,0.8) !important}.text-black-alpha-90{color:rgba(0,0,0,0.9) !important}.hover\:text-black-alpha-10:hover{color:rgba(0,0,0,0.1) !important}.hover\:text-black-alpha-20:hover{color:rgba(0,0,0,0.2) !important}.hover\:text-black-alpha-30:hover{color:rgba(0,0,0,0.3) !important}.hover\:text-black-alpha-40:hover{color:rgba(0,0,0,0.4) !important}.hover\:text-black-alpha-50:hover{color:rgba(0,0,0,0.5) !important}.hover\:text-black-alpha-60:hover{color:rgba(0,0,0,0.6) !important}.hover\:text-black-alpha-70:hover{color:rgba(0,0,0,0.7) !important}.hover\:text-black-alpha-80:hover{color:rgba(0,0,0,0.8) !important}.hover\:text-black-alpha-90:hover{color:rgba(0,0,0,0.9) !important}.focus\:text-black-alpha-10:focus{color:rgba(0,0,0,0.1) !important}.focus\:text-black-alpha-20:focus{color:rgba(0,0,0,0.2) !important}.focus\:text-black-alpha-30:focus{color:rgba(0,0,0,0.3) !important}.focus\:text-black-alpha-40:focus{color:rgba(0,0,0,0.4) !important}.focus\:text-black-alpha-50:focus{color:rgba(0,0,0,0.5) !important}.focus\:text-black-alpha-60:focus{color:rgba(0,0,0,0.6) !important}.focus\:text-black-alpha-70:focus{color:rgba(0,0,0,0.7) !important}.focus\:text-black-alpha-80:focus{color:rgba(0,0,0,0.8) !important}.focus\:text-black-alpha-90:focus{color:rgba(0,0,0,0.9) !important}.active\:text-black-alpha-10:active{color:rgba(0,0,0,0.1) !important}.active\:text-black-alpha-20:active{color:rgba(0,0,0,0.2) !important}.active\:text-black-alpha-30:active{color:rgba(0,0,0,0.3) !important}.active\:text-black-alpha-40:active{color:rgba(0,0,0,0.4) !important}.active\:text-black-alpha-50:active{color:rgba(0,0,0,0.5) !important}.active\:text-black-alpha-60:active{color:rgba(0,0,0,0.6) !important}.active\:text-black-alpha-70:active{color:rgba(0,0,0,0.7) !important}.active\:text-black-alpha-80:active{color:rgba(0,0,0,0.8) !important}.active\:text-black-alpha-90:active{color:rgba(0,0,0,0.9) !important}.text-primary{color:var(--primary-color) !important}.bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.bg-white{background-color:#ffffff !important}.border-primary{border-color:var(--primary-color) !important}.text-white{color:#ffffff !important}.border-white{border-color:#ffffff !important}.text-color{color:var(--text-color) !important}.text-color-secondary{color:var(--text-color-secondary) !important}.surface-ground{background-color:var(--surface-ground) !important}.surface-section{background-color:var(--surface-section) !important}.surface-card{background-color:var(--surface-card) !important}.surface-overlay{background-color:var(--surface-overlay) !important}.surface-hover{background-color:var(--surface-hover) !important}.surface-border{border-color:var(--surface-border) !important}.focus\:text-primary:focus{color:var(--primary-color) !important}.hover\:text-primary:hover{color:var(--primary-color) !important}.active\:text-primary:active{color:var(--primary-color) !important}.focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.focus\:bg-white:focus{background-color:#ffffff !important}.hover\:bg-white:hover{background-color:#ffffff !important}.active\:bg-white:active{background-color:#ffffff !important}.focus\:border-primary:focus{border-color:var(--primary-color) !important}.hover\:border-primary:hover{border-color:var(--primary-color) !important}.active\:border-primary:active{border-color:var(--primary-color) !important}.focus\:text-white:focus{color:#ffffff !important}.hover\:text-white:hover{color:#ffffff !important}.active\:text-white:active{color:#ffffff !important}.focus\:border-white:focus{border-color:#ffffff !important}.hover\:border-white:hover{border-color:#ffffff !important}.active\:border-white:active{border-color:#ffffff !important}.focus\:text-color:focus{color:var(--text-color) !important}.hover\:text-color:hover{color:var(--text-color) !important}.active\:text-color:active{color:var(--text-color) !important}.focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.active\:surface-ground:active{background-color:var(--surface-ground) !important}.focus\:surface-section:focus{background-color:var(--surface-section) !important}.hover\:surface-section:hover{background-color:var(--surface-section) !important}.active\:surface-section:active{background-color:var(--surface-section) !important}.focus\:surface-card:focus{background-color:var(--surface-card) !important}.hover\:surface-card:hover{background-color:var(--surface-card) !important}.active\:surface-card:active{background-color:var(--surface-card) !important}.focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.active\:surface-hover:active{background-color:var(--surface-hover) !important}.focus\:surface-border:focus{border-color:var(--surface-border) !important}.hover\:surface-border:hover{border-color:var(--surface-border) !important}.active\:surface-border:active{border-color:var(--surface-border) !important}@media screen and (min-width: 576px){.sm\:text-primary{color:var(--primary-color) !important}.sm\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:bg-white{background-color:#ffffff !important}.sm\:border-primary{border-color:var(--primary-color) !important}.sm\:text-white{color:#ffffff !important}.sm\:border-white{border-color:#ffffff !important}.sm\:text-color{color:var(--text-color) !important}.sm\:text-color-secondary{color:var(--text-color-secondary) !important}.sm\:surface-ground{background-color:var(--surface-ground) !important}.sm\:surface-section{background-color:var(--surface-section) !important}.sm\:surface-card{background-color:var(--surface-card) !important}.sm\:surface-overlay{background-color:var(--surface-overlay) !important}.sm\:surface-hover{background-color:var(--surface-hover) !important}.sm\:surface-border{border-color:var(--surface-border) !important}.sm\:focus\:text-primary:focus{color:var(--primary-color) !important}.sm\:hover\:text-primary:hover{color:var(--primary-color) !important}.sm\:active\:text-primary:active{color:var(--primary-color) !important}.sm\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:focus\:bg-white:focus{background-color:#ffffff !important}.sm\:hover\:bg-white:hover{background-color:#ffffff !important}.sm\:active\:bg-white:active{background-color:#ffffff !important}.sm\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.sm\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.sm\:active\:border-primary:active{border-color:var(--primary-color) !important}.sm\:focus\:text-white:focus{color:#ffffff !important}.sm\:hover\:text-white:hover{color:#ffffff !important}.sm\:active\:text-white:active{color:#ffffff !important}.sm\:focus\:border-white:focus{border-color:#ffffff !important}.sm\:hover\:border-white:hover{border-color:#ffffff !important}.sm\:active\:border-white:active{border-color:#ffffff !important}.sm\:focus\:text-color:focus{color:var(--text-color) !important}.sm\:hover\:text-color:hover{color:var(--text-color) !important}.sm\:active\:text-color:active{color:var(--text-color) !important}.sm\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.sm\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.sm\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.sm\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.sm\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.sm\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.sm\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.sm\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.sm\:active\:surface-section:active{background-color:var(--surface-section) !important}.sm\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.sm\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.sm\:active\:surface-card:active{background-color:var(--surface-card) !important}.sm\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.sm\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.sm\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.sm\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.sm\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.sm\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.sm\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.sm\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.sm\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 768px){.md\:text-primary{color:var(--primary-color) !important}.md\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:bg-white{background-color:#ffffff !important}.md\:border-primary{border-color:var(--primary-color) !important}.md\:text-white{color:#ffffff !important}.md\:border-white{border-color:#ffffff !important}.md\:text-color{color:var(--text-color) !important}.md\:text-color-secondary{color:var(--text-color-secondary) !important}.md\:surface-ground{background-color:var(--surface-ground) !important}.md\:surface-section{background-color:var(--surface-section) !important}.md\:surface-card{background-color:var(--surface-card) !important}.md\:surface-overlay{background-color:var(--surface-overlay) !important}.md\:surface-hover{background-color:var(--surface-hover) !important}.md\:surface-border{border-color:var(--surface-border) !important}.md\:focus\:text-primary:focus{color:var(--primary-color) !important}.md\:hover\:text-primary:hover{color:var(--primary-color) !important}.md\:active\:text-primary:active{color:var(--primary-color) !important}.md\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:focus\:bg-white:focus{background-color:#ffffff !important}.md\:hover\:bg-white:hover{background-color:#ffffff !important}.md\:active\:bg-white:active{background-color:#ffffff !important}.md\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.md\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.md\:active\:border-primary:active{border-color:var(--primary-color) !important}.md\:focus\:text-white:focus{color:#ffffff !important}.md\:hover\:text-white:hover{color:#ffffff !important}.md\:active\:text-white:active{color:#ffffff !important}.md\:focus\:border-white:focus{border-color:#ffffff !important}.md\:hover\:border-white:hover{border-color:#ffffff !important}.md\:active\:border-white:active{border-color:#ffffff !important}.md\:focus\:text-color:focus{color:var(--text-color) !important}.md\:hover\:text-color:hover{color:var(--text-color) !important}.md\:active\:text-color:active{color:var(--text-color) !important}.md\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.md\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.md\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.md\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.md\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.md\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.md\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.md\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.md\:active\:surface-section:active{background-color:var(--surface-section) !important}.md\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.md\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.md\:active\:surface-card:active{background-color:var(--surface-card) !important}.md\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.md\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.md\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.md\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.md\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.md\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.md\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.md\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.md\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 992px){.lg\:text-primary{color:var(--primary-color) !important}.lg\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:bg-white{background-color:#ffffff !important}.lg\:border-primary{border-color:var(--primary-color) !important}.lg\:text-white{color:#ffffff !important}.lg\:border-white{border-color:#ffffff !important}.lg\:text-color{color:var(--text-color) !important}.lg\:text-color-secondary{color:var(--text-color-secondary) !important}.lg\:surface-ground{background-color:var(--surface-ground) !important}.lg\:surface-section{background-color:var(--surface-section) !important}.lg\:surface-card{background-color:var(--surface-card) !important}.lg\:surface-overlay{background-color:var(--surface-overlay) !important}.lg\:surface-hover{background-color:var(--surface-hover) !important}.lg\:surface-border{border-color:var(--surface-border) !important}.lg\:focus\:text-primary:focus{color:var(--primary-color) !important}.lg\:hover\:text-primary:hover{color:var(--primary-color) !important}.lg\:active\:text-primary:active{color:var(--primary-color) !important}.lg\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:focus\:bg-white:focus{background-color:#ffffff !important}.lg\:hover\:bg-white:hover{background-color:#ffffff !important}.lg\:active\:bg-white:active{background-color:#ffffff !important}.lg\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.lg\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.lg\:active\:border-primary:active{border-color:var(--primary-color) !important}.lg\:focus\:text-white:focus{color:#ffffff !important}.lg\:hover\:text-white:hover{color:#ffffff !important}.lg\:active\:text-white:active{color:#ffffff !important}.lg\:focus\:border-white:focus{border-color:#ffffff !important}.lg\:hover\:border-white:hover{border-color:#ffffff !important}.lg\:active\:border-white:active{border-color:#ffffff !important}.lg\:focus\:text-color:focus{color:var(--text-color) !important}.lg\:hover\:text-color:hover{color:var(--text-color) !important}.lg\:active\:text-color:active{color:var(--text-color) !important}.lg\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.lg\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.lg\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.lg\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.lg\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.lg\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.lg\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.lg\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.lg\:active\:surface-section:active{background-color:var(--surface-section) !important}.lg\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.lg\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.lg\:active\:surface-card:active{background-color:var(--surface-card) !important}.lg\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.lg\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.lg\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.lg\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.lg\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.lg\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.lg\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.lg\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.lg\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 1200px){.xl\:text-primary{color:var(--primary-color) !important}.xl\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:bg-white{background-color:#ffffff !important}.xl\:border-primary{border-color:var(--primary-color) !important}.xl\:text-white{color:#ffffff !important}.xl\:border-white{border-color:#ffffff !important}.xl\:text-color{color:var(--text-color) !important}.xl\:text-color-secondary{color:var(--text-color-secondary) !important}.xl\:surface-ground{background-color:var(--surface-ground) !important}.xl\:surface-section{background-color:var(--surface-section) !important}.xl\:surface-card{background-color:var(--surface-card) !important}.xl\:surface-overlay{background-color:var(--surface-overlay) !important}.xl\:surface-hover{background-color:var(--surface-hover) !important}.xl\:surface-border{border-color:var(--surface-border) !important}.xl\:focus\:text-primary:focus{color:var(--primary-color) !important}.xl\:hover\:text-primary:hover{color:var(--primary-color) !important}.xl\:active\:text-primary:active{color:var(--primary-color) !important}.xl\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:focus\:bg-white:focus{background-color:#ffffff !important}.xl\:hover\:bg-white:hover{background-color:#ffffff !important}.xl\:active\:bg-white:active{background-color:#ffffff !important}.xl\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.xl\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.xl\:active\:border-primary:active{border-color:var(--primary-color) !important}.xl\:focus\:text-white:focus{color:#ffffff !important}.xl\:hover\:text-white:hover{color:#ffffff !important}.xl\:active\:text-white:active{color:#ffffff !important}.xl\:focus\:border-white:focus{border-color:#ffffff !important}.xl\:hover\:border-white:hover{border-color:#ffffff !important}.xl\:active\:border-white:active{border-color:#ffffff !important}.xl\:focus\:text-color:focus{color:var(--text-color) !important}.xl\:hover\:text-color:hover{color:var(--text-color) !important}.xl\:active\:text-color:active{color:var(--text-color) !important}.xl\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.xl\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.xl\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.xl\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.xl\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.xl\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.xl\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.xl\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.xl\:active\:surface-section:active{background-color:var(--surface-section) !important}.xl\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.xl\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.xl\:active\:surface-card:active{background-color:var(--surface-card) !important}.xl\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.xl\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.xl\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.xl\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.xl\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.xl\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.xl\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.xl\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.xl\:active\:surface-border:active{border-color:var(--surface-border) !important}}.field{margin-bottom:1rem}.field>label{display:inline-block;margin-bottom:.5rem}.field.grid>label{display:flex;align-items:center}.field>small{margin-top:.25rem}.field.grid,.formgrid.grid{margin-top:0}.field.grid .col-fixed,.formgrid.grid .col-fixed,.field.grid .col,.formgrid.grid .col,.field.grid .col-1,.formgrid.grid .col-1,.field.grid .col-2,.formgrid.grid .col-2,.field.grid .col-3,.formgrid.grid .col-3,.field.grid .col-4,.formgrid.grid .col-4,.field.grid .col-5,.formgrid.grid .col-5,.field.grid .col-6,.formgrid.grid .col-6,.field.grid .col-7,.formgrid.grid .col-7,.field.grid .col-8,.formgrid.grid .col-8,.field.grid .col-9,.formgrid.grid .col-9,.field.grid .col-10,.formgrid.grid .col-10,.field.grid .col-11,.formgrid.grid .col-11,.field.grid .col-12,.formgrid.grid .col-12{padding-top:0;padding-bottom:0}.formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.formgroup-inline .field,.formgroup-inline .field-checkbox,.formgroup-inline .field-radiobutton{margin-right:1rem}.formgroup-inline .field>label,.formgroup-inline .field-checkbox>label,.formgroup-inline .field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.field-checkbox,.field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.field-checkbox>label,.field-radiobutton>label{margin-left:.5rem;line-height:1}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.sm\:hidden{display:none !important}.sm\:block{display:block !important}.sm\:inline{display:inline !important}.sm\:inline-block{display:inline-block !important}.sm\:flex{display:flex !important}.sm\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.md\:hidden{display:none !important}.md\:block{display:block !important}.md\:inline{display:inline !important}.md\:inline-block{display:inline-block !important}.md\:flex{display:flex !important}.md\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.lg\:hidden{display:none !important}.lg\:block{display:block !important}.lg\:inline{display:inline !important}.lg\:inline-block{display:inline-block !important}.lg\:flex{display:flex !important}.lg\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.xl\:hidden{display:none !important}.xl\:block{display:block !important}.xl\:inline{display:inline !important}.xl\:inline-block{display:inline-block !important}.xl\:flex{display:flex !important}.xl\:inline-flex{display:inline-flex !important}}.text-center{text-align:center !important}.text-justify{text-align:justify !important}.text-left{text-align:left !important}.text-right{text-align:right !important}@media screen and (min-width: 576px){.sm\:text-center{text-align:center !important}.sm\:text-justify{text-align:justify !important}.sm\:text-left{text-align:left !important}.sm\:text-right{text-align:right !important}}@media screen and (min-width: 768px){.md\:text-center{text-align:center !important}.md\:text-justify{text-align:justify !important}.md\:text-left{text-align:left !important}.md\:text-right{text-align:right !important}}@media screen and (min-width: 992px){.lg\:text-center{text-align:center !important}.lg\:text-justify{text-align:justify !important}.lg\:text-left{text-align:left !important}.lg\:text-right{text-align:right !important}}@media screen and (min-width: 1200px){.xl\:text-center{text-align:center !important}.xl\:text-justify{text-align:justify !important}.xl\:text-left{text-align:left !important}.xl\:text-right{text-align:right !important}}.underline{text-decoration:underline !important}.line-through{text-decoration:line-through !important}.no-underline{text-decoration:none !important}.focus\:underline:focus{text-decoration:underline !important}.hover\:underline:hover{text-decoration:underline !important}.active\:underline:active{text-decoration:underline !important}.focus\:line-through:focus{text-decoration:line-through !important}.hover\:line-through:hover{text-decoration:line-through !important}.active\:line-through:active{text-decoration:line-through !important}.focus\:no-underline:focus{text-decoration:none !important}.hover\:no-underline:hover{text-decoration:none !important}.active\:no-underline:active{text-decoration:none !important}.lowercase{text-transform:lowercase !important}.uppercase{text-transform:uppercase !important}.capitalize{text-transform:capitalize !important}.text-overflow-clip{text-overflow:clip !important}.text-overflow-ellipsis{text-overflow:ellipsis !important}@media screen and (min-width: 576px){.sm\:text-overflow-clip{text-overflow:clip !important}.sm\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 768px){.md\:text-overflow-clip{text-overflow:clip !important}.md\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 992px){.lg\:text-overflow-clip{text-overflow:clip !important}.lg\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 1200px){.xl\:text-overflow-clip{text-overflow:clip !important}.xl\:text-overflow-ellipsis{text-overflow:ellipsis !important}}.font-light{font-weight:300 !important}.font-normal{font-weight:400 !important}.font-medium{font-weight:500 !important}.font-semibold{font-weight:600 !important}.font-bold{font-weight:700 !important}@media screen and (min-width: 576px){.sm\:font-light{font-weight:300 !important}.sm\:font-normal{font-weight:400 !important}.sm\:font-medium{font-weight:500 !important}.sm\:font-semibold{font-weight:600 !important}.sm\:font-bold{font-weight:700 !important}}@media screen and (min-width: 768px){.md\:font-light{font-weight:300 !important}.md\:font-normal{font-weight:400 !important}.md\:font-medium{font-weight:500 !important}.md\:font-semibold{font-weight:600 !important}.md\:font-bold{font-weight:700 !important}}@media screen and (min-width: 992px){.lg\:font-light{font-weight:300 !important}.lg\:font-normal{font-weight:400 !important}.lg\:font-medium{font-weight:500 !important}.lg\:font-semibold{font-weight:600 !important}.lg\:font-bold{font-weight:700 !important}}@media screen and (min-width: 1200px){.xl\:font-light{font-weight:300 !important}.xl\:font-normal{font-weight:400 !important}.xl\:font-medium{font-weight:500 !important}.xl\:font-semibold{font-weight:600 !important}.xl\:font-bold{font-weight:700 !important}}.font-italic{font-style:italic !important}.text-xs{font-size:0.75rem !important}.text-sm{font-size:0.875rem !important}.text-base{font-size:1rem !important}.text-lg{font-size:1.125rem !important}.text-xl{font-size:1.25rem !important}.text-2xl{font-size:1.5rem !important}.text-3xl{font-size:1.75rem !important}.text-4xl{font-size:2rem !important}.text-5xl{font-size:2.5rem !important}.text-6xl{font-size:3rem !important}.text-7xl{font-size:4rem !important}.text-8xl{font-size:6rem !important}@media screen and (min-width: 576px){.sm\:text-xs{font-size:0.75rem !important}.sm\:text-sm{font-size:0.875rem !important}.sm\:text-base{font-size:1rem !important}.sm\:text-lg{font-size:1.125rem !important}.sm\:text-xl{font-size:1.25rem !important}.sm\:text-2xl{font-size:1.5rem !important}.sm\:text-3xl{font-size:1.75rem !important}.sm\:text-4xl{font-size:2rem !important}.sm\:text-5xl{font-size:2.5rem !important}.sm\:text-6xl{font-size:3rem !important}.sm\:text-7xl{font-size:4rem !important}.sm\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 768px){.md\:text-xs{font-size:0.75rem !important}.md\:text-sm{font-size:0.875rem !important}.md\:text-base{font-size:1rem !important}.md\:text-lg{font-size:1.125rem !important}.md\:text-xl{font-size:1.25rem !important}.md\:text-2xl{font-size:1.5rem !important}.md\:text-3xl{font-size:1.75rem !important}.md\:text-4xl{font-size:2rem !important}.md\:text-5xl{font-size:2.5rem !important}.md\:text-6xl{font-size:3rem !important}.md\:text-7xl{font-size:4rem !important}.md\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 992px){.lg\:text-xs{font-size:0.75rem !important}.lg\:text-sm{font-size:0.875rem !important}.lg\:text-base{font-size:1rem !important}.lg\:text-lg{font-size:1.125rem !important}.lg\:text-xl{font-size:1.25rem !important}.lg\:text-2xl{font-size:1.5rem !important}.lg\:text-3xl{font-size:1.75rem !important}.lg\:text-4xl{font-size:2rem !important}.lg\:text-5xl{font-size:2.5rem !important}.lg\:text-6xl{font-size:3rem !important}.lg\:text-7xl{font-size:4rem !important}.lg\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 1200px){.xl\:text-xs{font-size:0.75rem !important}.xl\:text-sm{font-size:0.875rem !important}.xl\:text-base{font-size:1rem !important}.xl\:text-lg{font-size:1.125rem !important}.xl\:text-xl{font-size:1.25rem !important}.xl\:text-2xl{font-size:1.5rem !important}.xl\:text-3xl{font-size:1.75rem !important}.xl\:text-4xl{font-size:2rem !important}.xl\:text-5xl{font-size:2.5rem !important}.xl\:text-6xl{font-size:3rem !important}.xl\:text-7xl{font-size:4rem !important}.xl\:text-8xl{font-size:6rem !important}}.line-height-1{line-height:1 !important}.line-height-2{line-height:1.25 !important}.line-height-3{line-height:1.5 !important}.line-height-4{line-height:2 !important}.white-space-normal{white-space:normal !important}.white-space-nowrap{white-space:nowrap !important}.vertical-align-baseline{vertical-align:baseline !important}.vertical-align-top{vertical-align:top !important}.vertical-align-middle{vertical-align:middle !important}.vertical-align-bottom{vertical-align:bottom !important}.vertical-align-text-top{vertical-align:text-top !important}.vertical-align-text-bottom{vertical-align:text-bottom !important}.vertical-align-sub{vertical-align:sub !important}.vertical-align-super{vertical-align:super !important}@media screen and (min-width: 576px){.sm\:vertical-align-baseline{vertical-align:baseline !important}.sm\:vertical-align-top{vertical-align:top !important}.sm\:vertical-align-middle{vertical-align:middle !important}.sm\:vertical-align-bottom{vertical-align:bottom !important}.sm\:vertical-align-text-top{vertical-align:text-top !important}.sm\:vertical-align-text-bottom{vertical-align:text-bottom !important}.sm\:vertical-align-sub{vertical-align:sub !important}.sm\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 768px){.md\:vertical-align-baseline{vertical-align:baseline !important}.md\:vertical-align-top{vertical-align:top !important}.md\:vertical-align-middle{vertical-align:middle !important}.md\:vertical-align-bottom{vertical-align:bottom !important}.md\:vertical-align-text-top{vertical-align:text-top !important}.md\:vertical-align-text-bottom{vertical-align:text-bottom !important}.md\:vertical-align-sub{vertical-align:sub !important}.md\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 992px){.lg\:vertical-align-baseline{vertical-align:baseline !important}.lg\:vertical-align-top{vertical-align:top !important}.lg\:vertical-align-middle{vertical-align:middle !important}.lg\:vertical-align-bottom{vertical-align:bottom !important}.lg\:vertical-align-text-top{vertical-align:text-top !important}.lg\:vertical-align-text-bottom{vertical-align:text-bottom !important}.lg\:vertical-align-sub{vertical-align:sub !important}.lg\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 1200px){.xl\:vertical-align-baseline{vertical-align:baseline !important}.xl\:vertical-align-top{vertical-align:top !important}.xl\:vertical-align-middle{vertical-align:middle !important}.xl\:vertical-align-bottom{vertical-align:bottom !important}.xl\:vertical-align-text-top{vertical-align:text-top !important}.xl\:vertical-align-text-bottom{vertical-align:text-bottom !important}.xl\:vertical-align-sub{vertical-align:sub !important}.xl\:vertical-align-super{vertical-align:super !important}}.flex-row{flex-direction:row !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column{flex-direction:column !important}.flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.sm\:flex-row{flex-direction:row !important}.sm\:flex-row-reverse{flex-direction:row-reverse !important}.sm\:flex-column{flex-direction:column !important}.sm\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.md\:flex-row{flex-direction:row !important}.md\:flex-row-reverse{flex-direction:row-reverse !important}.md\:flex-column{flex-direction:column !important}.md\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.lg\:flex-row{flex-direction:row !important}.lg\:flex-row-reverse{flex-direction:row-reverse !important}.lg\:flex-column{flex-direction:column !important}.lg\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.xl\:flex-row{flex-direction:row !important}.xl\:flex-row-reverse{flex-direction:row-reverse !important}.xl\:flex-column{flex-direction:column !important}.xl\:flex-column-reverse{flex-direction:column-reverse !important}}.flex-wrap{flex-wrap:wrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-nowrap{flex-wrap:nowrap !important}@media screen and (min-width: 576px){.sm\:flex-wrap{flex-wrap:wrap !important}.sm\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.sm\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 768px){.md\:flex-wrap{flex-wrap:wrap !important}.md\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.md\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 992px){.lg\:flex-wrap{flex-wrap:wrap !important}.lg\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.lg\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 1200px){.xl\:flex-wrap{flex-wrap:wrap !important}.xl\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.xl\:flex-nowrap{flex-wrap:nowrap !important}}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:justify-content-start{justify-content:flex-start !important}.sm\:justify-content-end{justify-content:flex-end !important}.sm\:justify-content-center{justify-content:center !important}.sm\:justify-content-between{justify-content:space-between !important}.sm\:justify-content-around{justify-content:space-around !important}.sm\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:justify-content-start{justify-content:flex-start !important}.md\:justify-content-end{justify-content:flex-end !important}.md\:justify-content-center{justify-content:center !important}.md\:justify-content-between{justify-content:space-between !important}.md\:justify-content-around{justify-content:space-around !important}.md\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:justify-content-start{justify-content:flex-start !important}.lg\:justify-content-end{justify-content:flex-end !important}.lg\:justify-content-center{justify-content:center !important}.lg\:justify-content-between{justify-content:space-between !important}.lg\:justify-content-around{justify-content:space-around !important}.lg\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:justify-content-start{justify-content:flex-start !important}.xl\:justify-content-end{justify-content:flex-end !important}.xl\:justify-content-center{justify-content:center !important}.xl\:justify-content-between{justify-content:space-between !important}.xl\:justify-content-around{justify-content:space-around !important}.xl\:justify-content-evenly{justify-content:space-evenly !important}}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-evenly{align-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:align-content-start{align-content:flex-start !important}.sm\:align-content-end{align-content:flex-end !important}.sm\:align-content-center{align-content:center !important}.sm\:align-content-between{align-content:space-between !important}.sm\:align-content-around{align-content:space-around !important}.sm\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:align-content-start{align-content:flex-start !important}.md\:align-content-end{align-content:flex-end !important}.md\:align-content-center{align-content:center !important}.md\:align-content-between{align-content:space-between !important}.md\:align-content-around{align-content:space-around !important}.md\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:align-content-start{align-content:flex-start !important}.lg\:align-content-end{align-content:flex-end !important}.lg\:align-content-center{align-content:center !important}.lg\:align-content-between{align-content:space-between !important}.lg\:align-content-around{align-content:space-around !important}.lg\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:align-content-start{align-content:flex-start !important}.xl\:align-content-end{align-content:flex-end !important}.xl\:align-content-center{align-content:center !important}.xl\:align-content-between{align-content:space-between !important}.xl\:align-content-around{align-content:space-around !important}.xl\:align-content-evenly{align-content:space-evenly !important}}.align-items-stretch{align-items:stretch !important}.align-items-start{align-items:flex-start !important}.align-items-center{align-items:center !important}.align-items-end{align-items:flex-end !important}.align-items-baseline{align-items:baseline !important}@media screen and (min-width: 576px){.sm\:align-items-stretch{align-items:stretch !important}.sm\:align-items-start{align-items:flex-start !important}.sm\:align-items-center{align-items:center !important}.sm\:align-items-end{align-items:flex-end !important}.sm\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 768px){.md\:align-items-stretch{align-items:stretch !important}.md\:align-items-start{align-items:flex-start !important}.md\:align-items-center{align-items:center !important}.md\:align-items-end{align-items:flex-end !important}.md\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 992px){.lg\:align-items-stretch{align-items:stretch !important}.lg\:align-items-start{align-items:flex-start !important}.lg\:align-items-center{align-items:center !important}.lg\:align-items-end{align-items:flex-end !important}.lg\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-items-stretch{align-items:stretch !important}.xl\:align-items-start{align-items:flex-start !important}.xl\:align-items-center{align-items:center !important}.xl\:align-items-end{align-items:flex-end !important}.xl\:align-items-baseline{align-items:baseline !important}}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-stretch{align-self:stretch !important}.align-self-baseline{align-self:baseline !important}@media screen and (min-width: 576px){.sm\:align-self-auto{align-self:auto !important}.sm\:align-self-start{align-self:flex-start !important}.sm\:align-self-end{align-self:flex-end !important}.sm\:align-self-center{align-self:center !important}.sm\:align-self-stretch{align-self:stretch !important}.sm\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 768px){.md\:align-self-auto{align-self:auto !important}.md\:align-self-start{align-self:flex-start !important}.md\:align-self-end{align-self:flex-end !important}.md\:align-self-center{align-self:center !important}.md\:align-self-stretch{align-self:stretch !important}.md\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 992px){.lg\:align-self-auto{align-self:auto !important}.lg\:align-self-start{align-self:flex-start !important}.lg\:align-self-end{align-self:flex-end !important}.lg\:align-self-center{align-self:center !important}.lg\:align-self-stretch{align-self:stretch !important}.lg\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-self-auto{align-self:auto !important}.xl\:align-self-start{align-self:flex-start !important}.xl\:align-self-end{align-self:flex-end !important}.xl\:align-self-center{align-self:center !important}.xl\:align-self-stretch{align-self:stretch !important}.xl\:align-self-baseline{align-self:baseline !important}}.flex-order-0{order:0 !important}.flex-order-1{order:1 !important}.flex-order-2{order:2 !important}.flex-order-3{order:3 !important}.flex-order-4{order:4 !important}.flex-order-5{order:5 !important}.flex-order-6{order:6 !important}@media screen and (min-width: 576px){.sm\:flex-order-0{order:0 !important}.sm\:flex-order-1{order:1 !important}.sm\:flex-order-2{order:2 !important}.sm\:flex-order-3{order:3 !important}.sm\:flex-order-4{order:4 !important}.sm\:flex-order-5{order:5 !important}.sm\:flex-order-6{order:6 !important}}@media screen and (min-width: 768px){.md\:flex-order-0{order:0 !important}.md\:flex-order-1{order:1 !important}.md\:flex-order-2{order:2 !important}.md\:flex-order-3{order:3 !important}.md\:flex-order-4{order:4 !important}.md\:flex-order-5{order:5 !important}.md\:flex-order-6{order:6 !important}}@media screen and (min-width: 992px){.lg\:flex-order-0{order:0 !important}.lg\:flex-order-1{order:1 !important}.lg\:flex-order-2{order:2 !important}.lg\:flex-order-3{order:3 !important}.lg\:flex-order-4{order:4 !important}.lg\:flex-order-5{order:5 !important}.lg\:flex-order-6{order:6 !important}}@media screen and (min-width: 1200px){.xl\:flex-order-0{order:0 !important}.xl\:flex-order-1{order:1 !important}.xl\:flex-order-2{order:2 !important}.xl\:flex-order-3{order:3 !important}.xl\:flex-order-4{order:4 !important}.xl\:flex-order-5{order:5 !important}.xl\:flex-order-6{order:6 !important}}.flex-1{flex:1 1 0% !important}.flex-auto{flex:1 1 auto !important}.flex-initial{flex:0 1 auto !important}.flex-none{flex:none !important}@media screen and (min-width: 576px){.sm\:flex-1{flex:1 1 0% !important}.sm\:flex-auto{flex:1 1 auto !important}.sm\:flex-initial{flex:0 1 auto !important}.sm\:flex-none{flex:none !important}}@media screen and (min-width: 768px){.md\:flex-1{flex:1 1 0% !important}.md\:flex-auto{flex:1 1 auto !important}.md\:flex-initial{flex:0 1 auto !important}.md\:flex-none{flex:none !important}}@media screen and (min-width: 992px){.lg\:flex-1{flex:1 1 0% !important}.lg\:flex-auto{flex:1 1 auto !important}.lg\:flex-initial{flex:0 1 auto !important}.lg\:flex-none{flex:none !important}}@media screen and (min-width: 1200px){.xl\:flex-1{flex:1 1 0% !important}.xl\:flex-auto{flex:1 1 auto !important}.xl\:flex-initial{flex:0 1 auto !important}.xl\:flex-none{flex:none !important}}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}@media screen and (min-width: 576px){.sm\:flex-grow-0{flex-grow:0 !important}.sm\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 768px){.md\:flex-grow-0{flex-grow:0 !important}.md\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 992px){.lg\:flex-grow-0{flex-grow:0 !important}.lg\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-grow-0{flex-grow:0 !important}.xl\:flex-grow-1{flex-grow:1 !important}}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}@media screen and (min-width: 576px){.sm\:flex-shrink-0{flex-shrink:0 !important}.sm\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 768px){.md\:flex-shrink-0{flex-shrink:0 !important}.md\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 992px){.lg\:flex-shrink-0{flex-shrink:0 !important}.lg\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-shrink-0{flex-shrink:0 !important}.xl\:flex-shrink-1{flex-shrink:1 !important}}.gap-0{gap:0rem !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:2rem !important}.gap-6{gap:3rem !important}.gap-7{gap:4rem !important}.gap-8{gap:5rem !important}.row-gap-0{row-gap:0rem !important}.row-gap-1{row-gap:.25rem !important}.row-gap-2{row-gap:.5rem !important}.row-gap-3{row-gap:1rem !important}.row-gap-4{row-gap:1.5rem !important}.row-gap-5{row-gap:2rem !important}.row-gap-6{row-gap:3rem !important}.row-gap-7{row-gap:4rem !important}.row-gap-8{row-gap:5rem !important}.column-gap-0{column-gap:0rem !important}.column-gap-1{column-gap:.25rem !important}.column-gap-2{column-gap:.5rem !important}.column-gap-3{column-gap:1rem !important}.column-gap-4{column-gap:1.5rem !important}.column-gap-5{column-gap:2rem !important}.column-gap-6{column-gap:3rem !important}.column-gap-7{column-gap:4rem !important}.column-gap-8{column-gap:5rem !important}@media screen and (min-width: 576px){.sm\:gap-0{gap:0rem !important}.sm\:gap-1{gap:.25rem !important}.sm\:gap-2{gap:.5rem !important}.sm\:gap-3{gap:1rem !important}.sm\:gap-4{gap:1.5rem !important}.sm\:gap-5{gap:2rem !important}.sm\:gap-6{gap:3rem !important}.sm\:gap-7{gap:4rem !important}.sm\:gap-8{gap:5rem !important}.sm\:row-gap-0{row-gap:0rem !important}.sm\:row-gap-1{row-gap:.25rem !important}.sm\:row-gap-2{row-gap:.5rem !important}.sm\:row-gap-3{row-gap:1rem !important}.sm\:row-gap-4{row-gap:1.5rem !important}.sm\:row-gap-5{row-gap:2rem !important}.sm\:row-gap-6{row-gap:3rem !important}.sm\:row-gap-7{row-gap:4rem !important}.sm\:row-gap-8{row-gap:5rem !important}.sm\:column-gap-0{column-gap:0rem !important}.sm\:column-gap-1{column-gap:.25rem !important}.sm\:column-gap-2{column-gap:.5rem !important}.sm\:column-gap-3{column-gap:1rem !important}.sm\:column-gap-4{column-gap:1.5rem !important}.sm\:column-gap-5{column-gap:2rem !important}.sm\:column-gap-6{column-gap:3rem !important}.sm\:column-gap-7{column-gap:4rem !important}.sm\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 768px){.md\:gap-0{gap:0rem !important}.md\:gap-1{gap:.25rem !important}.md\:gap-2{gap:.5rem !important}.md\:gap-3{gap:1rem !important}.md\:gap-4{gap:1.5rem !important}.md\:gap-5{gap:2rem !important}.md\:gap-6{gap:3rem !important}.md\:gap-7{gap:4rem !important}.md\:gap-8{gap:5rem !important}.md\:row-gap-0{row-gap:0rem !important}.md\:row-gap-1{row-gap:.25rem !important}.md\:row-gap-2{row-gap:.5rem !important}.md\:row-gap-3{row-gap:1rem !important}.md\:row-gap-4{row-gap:1.5rem !important}.md\:row-gap-5{row-gap:2rem !important}.md\:row-gap-6{row-gap:3rem !important}.md\:row-gap-7{row-gap:4rem !important}.md\:row-gap-8{row-gap:5rem !important}.md\:column-gap-0{column-gap:0rem !important}.md\:column-gap-1{column-gap:.25rem !important}.md\:column-gap-2{column-gap:.5rem !important}.md\:column-gap-3{column-gap:1rem !important}.md\:column-gap-4{column-gap:1.5rem !important}.md\:column-gap-5{column-gap:2rem !important}.md\:column-gap-6{column-gap:3rem !important}.md\:column-gap-7{column-gap:4rem !important}.md\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 992px){.lg\:gap-0{gap:0rem !important}.lg\:gap-1{gap:.25rem !important}.lg\:gap-2{gap:.5rem !important}.lg\:gap-3{gap:1rem !important}.lg\:gap-4{gap:1.5rem !important}.lg\:gap-5{gap:2rem !important}.lg\:gap-6{gap:3rem !important}.lg\:gap-7{gap:4rem !important}.lg\:gap-8{gap:5rem !important}.lg\:row-gap-0{row-gap:0rem !important}.lg\:row-gap-1{row-gap:.25rem !important}.lg\:row-gap-2{row-gap:.5rem !important}.lg\:row-gap-3{row-gap:1rem !important}.lg\:row-gap-4{row-gap:1.5rem !important}.lg\:row-gap-5{row-gap:2rem !important}.lg\:row-gap-6{row-gap:3rem !important}.lg\:row-gap-7{row-gap:4rem !important}.lg\:row-gap-8{row-gap:5rem !important}.lg\:column-gap-0{column-gap:0rem !important}.lg\:column-gap-1{column-gap:.25rem !important}.lg\:column-gap-2{column-gap:.5rem !important}.lg\:column-gap-3{column-gap:1rem !important}.lg\:column-gap-4{column-gap:1.5rem !important}.lg\:column-gap-5{column-gap:2rem !important}.lg\:column-gap-6{column-gap:3rem !important}.lg\:column-gap-7{column-gap:4rem !important}.lg\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 1200px){.xl\:gap-0{gap:0rem !important}.xl\:gap-1{gap:.25rem !important}.xl\:gap-2{gap:.5rem !important}.xl\:gap-3{gap:1rem !important}.xl\:gap-4{gap:1.5rem !important}.xl\:gap-5{gap:2rem !important}.xl\:gap-6{gap:3rem !important}.xl\:gap-7{gap:4rem !important}.xl\:gap-8{gap:5rem !important}.xl\:row-gap-0{row-gap:0rem !important}.xl\:row-gap-1{row-gap:.25rem !important}.xl\:row-gap-2{row-gap:.5rem !important}.xl\:row-gap-3{row-gap:1rem !important}.xl\:row-gap-4{row-gap:1.5rem !important}.xl\:row-gap-5{row-gap:2rem !important}.xl\:row-gap-6{row-gap:3rem !important}.xl\:row-gap-7{row-gap:4rem !important}.xl\:row-gap-8{row-gap:5rem !important}.xl\:column-gap-0{column-gap:0rem !important}.xl\:column-gap-1{column-gap:.25rem !important}.xl\:column-gap-2{column-gap:.5rem !important}.xl\:column-gap-3{column-gap:1rem !important}.xl\:column-gap-4{column-gap:1.5rem !important}.xl\:column-gap-5{column-gap:2rem !important}.xl\:column-gap-6{column-gap:3rem !important}.xl\:column-gap-7{column-gap:4rem !important}.xl\:column-gap-8{column-gap:5rem !important}}.p-0{padding:0rem !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:2rem !important}.p-6{padding:3rem !important}.p-7{padding:4rem !important}.p-8{padding:5rem !important}.pt-0{padding-top:0rem !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:2rem !important}.pt-6{padding-top:3rem !important}.pt-7{padding-top:4rem !important}.pt-8{padding-top:5rem !important}.pr-0{padding-right:0rem !important}.pr-1{padding-right:.25rem !important}.pr-2{padding-right:.5rem !important}.pr-3{padding-right:1rem !important}.pr-4{padding-right:1.5rem !important}.pr-5{padding-right:2rem !important}.pr-6{padding-right:3rem !important}.pr-7{padding-right:4rem !important}.pr-8{padding-right:5rem !important}.pl-0{padding-left:0rem !important}.pl-1{padding-left:.25rem !important}.pl-2{padding-left:.5rem !important}.pl-3{padding-left:1rem !important}.pl-4{padding-left:1.5rem !important}.pl-5{padding-left:2rem !important}.pl-6{padding-left:3rem !important}.pl-7{padding-left:4rem !important}.pl-8{padding-left:5rem !important}.pb-0{padding-bottom:0rem !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:2rem !important}.pb-6{padding-bottom:3rem !important}.pb-7{padding-bottom:4rem !important}.pb-8{padding-bottom:5rem !important}.px-0{padding-left:0rem !important;padding-right:0rem !important}.px-1{padding-left:.25rem !important;padding-right:.25rem !important}.px-2{padding-left:.5rem !important;padding-right:.5rem !important}.px-3{padding-left:1rem !important;padding-right:1rem !important}.px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.px-5{padding-left:2rem !important;padding-right:2rem !important}.px-6{padding-left:3rem !important;padding-right:3rem !important}.px-7{padding-left:4rem !important;padding-right:4rem !important}.px-8{padding-left:5rem !important;padding-right:5rem !important}.py-0{padding-top:0rem !important;padding-bottom:0rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:2rem !important;padding-bottom:2rem !important}.py-6{padding-top:3rem !important;padding-bottom:3rem !important}.py-7{padding-top:4rem !important;padding-bottom:4rem !important}.py-8{padding-top:5rem !important;padding-bottom:5rem !important}@media screen and (min-width: 576px){.sm\:p-0{padding:0rem !important}.sm\:p-1{padding:.25rem !important}.sm\:p-2{padding:.5rem !important}.sm\:p-3{padding:1rem !important}.sm\:p-4{padding:1.5rem !important}.sm\:p-5{padding:2rem !important}.sm\:p-6{padding:3rem !important}.sm\:p-7{padding:4rem !important}.sm\:p-8{padding:5rem !important}.sm\:pt-0{padding-top:0rem !important}.sm\:pt-1{padding-top:.25rem !important}.sm\:pt-2{padding-top:.5rem !important}.sm\:pt-3{padding-top:1rem !important}.sm\:pt-4{padding-top:1.5rem !important}.sm\:pt-5{padding-top:2rem !important}.sm\:pt-6{padding-top:3rem !important}.sm\:pt-7{padding-top:4rem !important}.sm\:pt-8{padding-top:5rem !important}.sm\:pr-0{padding-right:0rem !important}.sm\:pr-1{padding-right:.25rem !important}.sm\:pr-2{padding-right:.5rem !important}.sm\:pr-3{padding-right:1rem !important}.sm\:pr-4{padding-right:1.5rem !important}.sm\:pr-5{padding-right:2rem !important}.sm\:pr-6{padding-right:3rem !important}.sm\:pr-7{padding-right:4rem !important}.sm\:pr-8{padding-right:5rem !important}.sm\:pl-0{padding-left:0rem !important}.sm\:pl-1{padding-left:.25rem !important}.sm\:pl-2{padding-left:.5rem !important}.sm\:pl-3{padding-left:1rem !important}.sm\:pl-4{padding-left:1.5rem !important}.sm\:pl-5{padding-left:2rem !important}.sm\:pl-6{padding-left:3rem !important}.sm\:pl-7{padding-left:4rem !important}.sm\:pl-8{padding-left:5rem !important}.sm\:pb-0{padding-bottom:0rem !important}.sm\:pb-1{padding-bottom:.25rem !important}.sm\:pb-2{padding-bottom:.5rem !important}.sm\:pb-3{padding-bottom:1rem !important}.sm\:pb-4{padding-bottom:1.5rem !important}.sm\:pb-5{padding-bottom:2rem !important}.sm\:pb-6{padding-bottom:3rem !important}.sm\:pb-7{padding-bottom:4rem !important}.sm\:pb-8{padding-bottom:5rem !important}.sm\:px-0{padding-left:0rem !important;padding-right:0rem !important}.sm\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.sm\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.sm\:px-3{padding-left:1rem !important;padding-right:1rem !important}.sm\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.sm\:px-5{padding-left:2rem !important;padding-right:2rem !important}.sm\:px-6{padding-left:3rem !important;padding-right:3rem !important}.sm\:px-7{padding-left:4rem !important;padding-right:4rem !important}.sm\:px-8{padding-left:5rem !important;padding-right:5rem !important}.sm\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.sm\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.sm\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.sm\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.sm\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.sm\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.sm\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.sm\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.sm\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 768px){.md\:p-0{padding:0rem !important}.md\:p-1{padding:.25rem !important}.md\:p-2{padding:.5rem !important}.md\:p-3{padding:1rem !important}.md\:p-4{padding:1.5rem !important}.md\:p-5{padding:2rem !important}.md\:p-6{padding:3rem !important}.md\:p-7{padding:4rem !important}.md\:p-8{padding:5rem !important}.md\:pt-0{padding-top:0rem !important}.md\:pt-1{padding-top:.25rem !important}.md\:pt-2{padding-top:.5rem !important}.md\:pt-3{padding-top:1rem !important}.md\:pt-4{padding-top:1.5rem !important}.md\:pt-5{padding-top:2rem !important}.md\:pt-6{padding-top:3rem !important}.md\:pt-7{padding-top:4rem !important}.md\:pt-8{padding-top:5rem !important}.md\:pr-0{padding-right:0rem !important}.md\:pr-1{padding-right:.25rem !important}.md\:pr-2{padding-right:.5rem !important}.md\:pr-3{padding-right:1rem !important}.md\:pr-4{padding-right:1.5rem !important}.md\:pr-5{padding-right:2rem !important}.md\:pr-6{padding-right:3rem !important}.md\:pr-7{padding-right:4rem !important}.md\:pr-8{padding-right:5rem !important}.md\:pl-0{padding-left:0rem !important}.md\:pl-1{padding-left:.25rem !important}.md\:pl-2{padding-left:.5rem !important}.md\:pl-3{padding-left:1rem !important}.md\:pl-4{padding-left:1.5rem !important}.md\:pl-5{padding-left:2rem !important}.md\:pl-6{padding-left:3rem !important}.md\:pl-7{padding-left:4rem !important}.md\:pl-8{padding-left:5rem !important}.md\:pb-0{padding-bottom:0rem !important}.md\:pb-1{padding-bottom:.25rem !important}.md\:pb-2{padding-bottom:.5rem !important}.md\:pb-3{padding-bottom:1rem !important}.md\:pb-4{padding-bottom:1.5rem !important}.md\:pb-5{padding-bottom:2rem !important}.md\:pb-6{padding-bottom:3rem !important}.md\:pb-7{padding-bottom:4rem !important}.md\:pb-8{padding-bottom:5rem !important}.md\:px-0{padding-left:0rem !important;padding-right:0rem !important}.md\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.md\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.md\:px-3{padding-left:1rem !important;padding-right:1rem !important}.md\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.md\:px-5{padding-left:2rem !important;padding-right:2rem !important}.md\:px-6{padding-left:3rem !important;padding-right:3rem !important}.md\:px-7{padding-left:4rem !important;padding-right:4rem !important}.md\:px-8{padding-left:5rem !important;padding-right:5rem !important}.md\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.md\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.md\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.md\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.md\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.md\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.md\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.md\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.md\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 992px){.lg\:p-0{padding:0rem !important}.lg\:p-1{padding:.25rem !important}.lg\:p-2{padding:.5rem !important}.lg\:p-3{padding:1rem !important}.lg\:p-4{padding:1.5rem !important}.lg\:p-5{padding:2rem !important}.lg\:p-6{padding:3rem !important}.lg\:p-7{padding:4rem !important}.lg\:p-8{padding:5rem !important}.lg\:pt-0{padding-top:0rem !important}.lg\:pt-1{padding-top:.25rem !important}.lg\:pt-2{padding-top:.5rem !important}.lg\:pt-3{padding-top:1rem !important}.lg\:pt-4{padding-top:1.5rem !important}.lg\:pt-5{padding-top:2rem !important}.lg\:pt-6{padding-top:3rem !important}.lg\:pt-7{padding-top:4rem !important}.lg\:pt-8{padding-top:5rem !important}.lg\:pr-0{padding-right:0rem !important}.lg\:pr-1{padding-right:.25rem !important}.lg\:pr-2{padding-right:.5rem !important}.lg\:pr-3{padding-right:1rem !important}.lg\:pr-4{padding-right:1.5rem !important}.lg\:pr-5{padding-right:2rem !important}.lg\:pr-6{padding-right:3rem !important}.lg\:pr-7{padding-right:4rem !important}.lg\:pr-8{padding-right:5rem !important}.lg\:pl-0{padding-left:0rem !important}.lg\:pl-1{padding-left:.25rem !important}.lg\:pl-2{padding-left:.5rem !important}.lg\:pl-3{padding-left:1rem !important}.lg\:pl-4{padding-left:1.5rem !important}.lg\:pl-5{padding-left:2rem !important}.lg\:pl-6{padding-left:3rem !important}.lg\:pl-7{padding-left:4rem !important}.lg\:pl-8{padding-left:5rem !important}.lg\:pb-0{padding-bottom:0rem !important}.lg\:pb-1{padding-bottom:.25rem !important}.lg\:pb-2{padding-bottom:.5rem !important}.lg\:pb-3{padding-bottom:1rem !important}.lg\:pb-4{padding-bottom:1.5rem !important}.lg\:pb-5{padding-bottom:2rem !important}.lg\:pb-6{padding-bottom:3rem !important}.lg\:pb-7{padding-bottom:4rem !important}.lg\:pb-8{padding-bottom:5rem !important}.lg\:px-0{padding-left:0rem !important;padding-right:0rem !important}.lg\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.lg\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.lg\:px-3{padding-left:1rem !important;padding-right:1rem !important}.lg\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.lg\:px-5{padding-left:2rem !important;padding-right:2rem !important}.lg\:px-6{padding-left:3rem !important;padding-right:3rem !important}.lg\:px-7{padding-left:4rem !important;padding-right:4rem !important}.lg\:px-8{padding-left:5rem !important;padding-right:5rem !important}.lg\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.lg\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.lg\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.lg\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.lg\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.lg\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.lg\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.lg\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.lg\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 1200px){.xl\:p-0{padding:0rem !important}.xl\:p-1{padding:.25rem !important}.xl\:p-2{padding:.5rem !important}.xl\:p-3{padding:1rem !important}.xl\:p-4{padding:1.5rem !important}.xl\:p-5{padding:2rem !important}.xl\:p-6{padding:3rem !important}.xl\:p-7{padding:4rem !important}.xl\:p-8{padding:5rem !important}.xl\:pt-0{padding-top:0rem !important}.xl\:pt-1{padding-top:.25rem !important}.xl\:pt-2{padding-top:.5rem !important}.xl\:pt-3{padding-top:1rem !important}.xl\:pt-4{padding-top:1.5rem !important}.xl\:pt-5{padding-top:2rem !important}.xl\:pt-6{padding-top:3rem !important}.xl\:pt-7{padding-top:4rem !important}.xl\:pt-8{padding-top:5rem !important}.xl\:pr-0{padding-right:0rem !important}.xl\:pr-1{padding-right:.25rem !important}.xl\:pr-2{padding-right:.5rem !important}.xl\:pr-3{padding-right:1rem !important}.xl\:pr-4{padding-right:1.5rem !important}.xl\:pr-5{padding-right:2rem !important}.xl\:pr-6{padding-right:3rem !important}.xl\:pr-7{padding-right:4rem !important}.xl\:pr-8{padding-right:5rem !important}.xl\:pl-0{padding-left:0rem !important}.xl\:pl-1{padding-left:.25rem !important}.xl\:pl-2{padding-left:.5rem !important}.xl\:pl-3{padding-left:1rem !important}.xl\:pl-4{padding-left:1.5rem !important}.xl\:pl-5{padding-left:2rem !important}.xl\:pl-6{padding-left:3rem !important}.xl\:pl-7{padding-left:4rem !important}.xl\:pl-8{padding-left:5rem !important}.xl\:pb-0{padding-bottom:0rem !important}.xl\:pb-1{padding-bottom:.25rem !important}.xl\:pb-2{padding-bottom:.5rem !important}.xl\:pb-3{padding-bottom:1rem !important}.xl\:pb-4{padding-bottom:1.5rem !important}.xl\:pb-5{padding-bottom:2rem !important}.xl\:pb-6{padding-bottom:3rem !important}.xl\:pb-7{padding-bottom:4rem !important}.xl\:pb-8{padding-bottom:5rem !important}.xl\:px-0{padding-left:0rem !important;padding-right:0rem !important}.xl\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.xl\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.xl\:px-3{padding-left:1rem !important;padding-right:1rem !important}.xl\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.xl\:px-5{padding-left:2rem !important;padding-right:2rem !important}.xl\:px-6{padding-left:3rem !important;padding-right:3rem !important}.xl\:px-7{padding-left:4rem !important;padding-right:4rem !important}.xl\:px-8{padding-left:5rem !important;padding-right:5rem !important}.xl\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.xl\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.xl\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.xl\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.xl\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.xl\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.xl\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.xl\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.xl\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}.m-0{margin:0rem !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:2rem !important}.m-6{margin:3rem !important}.m-7{margin:4rem !important}.m-8{margin:5rem !important}.-m-1{margin:-0.25rem !important}.-m-2{margin:-0.5rem !important}.-m-3{margin:-1rem !important}.-m-4{margin:-1.5rem !important}.-m-5{margin:-2rem !important}.-m-6{margin:-3rem !important}.-m-7{margin:-4rem !important}.-m-8{margin:-5rem !important}.m-auto{margin:auto !important}.mt-0{margin-top:0rem !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:2rem !important}.mt-6{margin-top:3rem !important}.mt-7{margin-top:4rem !important}.mt-8{margin-top:5rem !important}.-mt-1{margin-top:-0.25rem !important}.-mt-2{margin-top:-0.5rem !important}.-mt-3{margin-top:-1rem !important}.-mt-4{margin-top:-1.5rem !important}.-mt-5{margin-top:-2rem !important}.-mt-6{margin-top:-3rem !important}.-mt-7{margin-top:-4rem !important}.-mt-8{margin-top:-5rem !important}.mt-auto{margin-top:auto !important}.mr-0{margin-right:0rem !important}.mr-1{margin-right:.25rem !important}.mr-2{margin-right:.5rem !important}.mr-3{margin-right:1rem !important}.mr-4{margin-right:1.5rem !important}.mr-5{margin-right:2rem !important}.mr-6{margin-right:3rem !important}.mr-7{margin-right:4rem !important}.mr-8{margin-right:5rem !important}.-mr-1{margin-right:-0.25rem !important}.-mr-2{margin-right:-0.5rem !important}.-mr-3{margin-right:-1rem !important}.-mr-4{margin-right:-1.5rem !important}.-mr-5{margin-right:-2rem !important}.-mr-6{margin-right:-3rem !important}.-mr-7{margin-right:-4rem !important}.-mr-8{margin-right:-5rem !important}.mr-auto{margin-right:auto !important}.ml-0{margin-left:0rem !important}.ml-1{margin-left:.25rem !important}.ml-2{margin-left:.5rem !important}.ml-3{margin-left:1rem !important}.ml-4{margin-left:1.5rem !important}.ml-5{margin-left:2rem !important}.ml-6{margin-left:3rem !important}.ml-7{margin-left:4rem !important}.ml-8{margin-left:5rem !important}.-ml-1{margin-left:-0.25rem !important}.-ml-2{margin-left:-0.5rem !important}.-ml-3{margin-left:-1rem !important}.-ml-4{margin-left:-1.5rem !important}.-ml-5{margin-left:-2rem !important}.-ml-6{margin-left:-3rem !important}.-ml-7{margin-left:-4rem !important}.-ml-8{margin-left:-5rem !important}.ml-auto{margin-left:auto !important}.mb-0{margin-bottom:0rem !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:2rem !important}.mb-6{margin-bottom:3rem !important}.mb-7{margin-bottom:4rem !important}.mb-8{margin-bottom:5rem !important}.-mb-1{margin-bottom:-0.25rem !important}.-mb-2{margin-bottom:-0.5rem !important}.-mb-3{margin-bottom:-1rem !important}.-mb-4{margin-bottom:-1.5rem !important}.-mb-5{margin-bottom:-2rem !important}.-mb-6{margin-bottom:-3rem !important}.-mb-7{margin-bottom:-4rem !important}.-mb-8{margin-bottom:-5rem !important}.mb-auto{margin-bottom:auto !important}.mx-0{margin-left:0rem !important;margin-right:0rem !important}.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.mx-3{margin-left:1rem !important;margin-right:1rem !important}.mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.mx-5{margin-left:2rem !important;margin-right:2rem !important}.mx-6{margin-left:3rem !important;margin-right:3rem !important}.mx-7{margin-left:4rem !important;margin-right:4rem !important}.mx-8{margin-left:5rem !important;margin-right:5rem !important}.-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.my-0{margin-top:0rem !important;margin-bottom:0rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:2rem !important;margin-bottom:2rem !important}.my-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-7{margin-top:4rem !important;margin-bottom:4rem !important}.my-8{margin-top:5rem !important;margin-bottom:5rem !important}.-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}@media screen and (min-width: 576px){.sm\:m-0{margin:0rem !important}.sm\:m-1{margin:.25rem !important}.sm\:m-2{margin:.5rem !important}.sm\:m-3{margin:1rem !important}.sm\:m-4{margin:1.5rem !important}.sm\:m-5{margin:2rem !important}.sm\:m-6{margin:3rem !important}.sm\:m-7{margin:4rem !important}.sm\:m-8{margin:5rem !important}.sm\:-m-1{margin:-0.25rem !important}.sm\:-m-2{margin:-0.5rem !important}.sm\:-m-3{margin:-1rem !important}.sm\:-m-4{margin:-1.5rem !important}.sm\:-m-5{margin:-2rem !important}.sm\:-m-6{margin:-3rem !important}.sm\:-m-7{margin:-4rem !important}.sm\:-m-8{margin:-5rem !important}.sm\:m-auto{margin:auto !important}.sm\:mt-0{margin-top:0rem !important}.sm\:mt-1{margin-top:.25rem !important}.sm\:mt-2{margin-top:.5rem !important}.sm\:mt-3{margin-top:1rem !important}.sm\:mt-4{margin-top:1.5rem !important}.sm\:mt-5{margin-top:2rem !important}.sm\:mt-6{margin-top:3rem !important}.sm\:mt-7{margin-top:4rem !important}.sm\:mt-8{margin-top:5rem !important}.sm\:-mt-1{margin-top:-0.25rem !important}.sm\:-mt-2{margin-top:-0.5rem !important}.sm\:-mt-3{margin-top:-1rem !important}.sm\:-mt-4{margin-top:-1.5rem !important}.sm\:-mt-5{margin-top:-2rem !important}.sm\:-mt-6{margin-top:-3rem !important}.sm\:-mt-7{margin-top:-4rem !important}.sm\:-mt-8{margin-top:-5rem !important}.sm\:mt-auto{margin-top:auto !important}.sm\:mr-0{margin-right:0rem !important}.sm\:mr-1{margin-right:.25rem !important}.sm\:mr-2{margin-right:.5rem !important}.sm\:mr-3{margin-right:1rem !important}.sm\:mr-4{margin-right:1.5rem !important}.sm\:mr-5{margin-right:2rem !important}.sm\:mr-6{margin-right:3rem !important}.sm\:mr-7{margin-right:4rem !important}.sm\:mr-8{margin-right:5rem !important}.sm\:-mr-1{margin-right:-0.25rem !important}.sm\:-mr-2{margin-right:-0.5rem !important}.sm\:-mr-3{margin-right:-1rem !important}.sm\:-mr-4{margin-right:-1.5rem !important}.sm\:-mr-5{margin-right:-2rem !important}.sm\:-mr-6{margin-right:-3rem !important}.sm\:-mr-7{margin-right:-4rem !important}.sm\:-mr-8{margin-right:-5rem !important}.sm\:mr-auto{margin-right:auto !important}.sm\:ml-0{margin-left:0rem !important}.sm\:ml-1{margin-left:.25rem !important}.sm\:ml-2{margin-left:.5rem !important}.sm\:ml-3{margin-left:1rem !important}.sm\:ml-4{margin-left:1.5rem !important}.sm\:ml-5{margin-left:2rem !important}.sm\:ml-6{margin-left:3rem !important}.sm\:ml-7{margin-left:4rem !important}.sm\:ml-8{margin-left:5rem !important}.sm\:-ml-1{margin-left:-0.25rem !important}.sm\:-ml-2{margin-left:-0.5rem !important}.sm\:-ml-3{margin-left:-1rem !important}.sm\:-ml-4{margin-left:-1.5rem !important}.sm\:-ml-5{margin-left:-2rem !important}.sm\:-ml-6{margin-left:-3rem !important}.sm\:-ml-7{margin-left:-4rem !important}.sm\:-ml-8{margin-left:-5rem !important}.sm\:ml-auto{margin-left:auto !important}.sm\:mb-0{margin-bottom:0rem !important}.sm\:mb-1{margin-bottom:.25rem !important}.sm\:mb-2{margin-bottom:.5rem !important}.sm\:mb-3{margin-bottom:1rem !important}.sm\:mb-4{margin-bottom:1.5rem !important}.sm\:mb-5{margin-bottom:2rem !important}.sm\:mb-6{margin-bottom:3rem !important}.sm\:mb-7{margin-bottom:4rem !important}.sm\:mb-8{margin-bottom:5rem !important}.sm\:-mb-1{margin-bottom:-0.25rem !important}.sm\:-mb-2{margin-bottom:-0.5rem !important}.sm\:-mb-3{margin-bottom:-1rem !important}.sm\:-mb-4{margin-bottom:-1.5rem !important}.sm\:-mb-5{margin-bottom:-2rem !important}.sm\:-mb-6{margin-bottom:-3rem !important}.sm\:-mb-7{margin-bottom:-4rem !important}.sm\:-mb-8{margin-bottom:-5rem !important}.sm\:mb-auto{margin-bottom:auto !important}.sm\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.sm\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.sm\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.sm\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.sm\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.sm\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.sm\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.sm\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.sm\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.sm\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.sm\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.sm\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.sm\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.sm\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.sm\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.sm\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.sm\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.sm\:mx-auto{margin-left:auto !important;margin-right:auto !important}.sm\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.sm\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.sm\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.sm\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.sm\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.sm\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.sm\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.sm\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.sm\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.sm\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.sm\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.sm\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.sm\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.sm\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.sm\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.sm\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.sm\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.sm\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 768px){.md\:m-0{margin:0rem !important}.md\:m-1{margin:.25rem !important}.md\:m-2{margin:.5rem !important}.md\:m-3{margin:1rem !important}.md\:m-4{margin:1.5rem !important}.md\:m-5{margin:2rem !important}.md\:m-6{margin:3rem !important}.md\:m-7{margin:4rem !important}.md\:m-8{margin:5rem !important}.md\:-m-1{margin:-0.25rem !important}.md\:-m-2{margin:-0.5rem !important}.md\:-m-3{margin:-1rem !important}.md\:-m-4{margin:-1.5rem !important}.md\:-m-5{margin:-2rem !important}.md\:-m-6{margin:-3rem !important}.md\:-m-7{margin:-4rem !important}.md\:-m-8{margin:-5rem !important}.md\:m-auto{margin:auto !important}.md\:mt-0{margin-top:0rem !important}.md\:mt-1{margin-top:.25rem !important}.md\:mt-2{margin-top:.5rem !important}.md\:mt-3{margin-top:1rem !important}.md\:mt-4{margin-top:1.5rem !important}.md\:mt-5{margin-top:2rem !important}.md\:mt-6{margin-top:3rem !important}.md\:mt-7{margin-top:4rem !important}.md\:mt-8{margin-top:5rem !important}.md\:-mt-1{margin-top:-0.25rem !important}.md\:-mt-2{margin-top:-0.5rem !important}.md\:-mt-3{margin-top:-1rem !important}.md\:-mt-4{margin-top:-1.5rem !important}.md\:-mt-5{margin-top:-2rem !important}.md\:-mt-6{margin-top:-3rem !important}.md\:-mt-7{margin-top:-4rem !important}.md\:-mt-8{margin-top:-5rem !important}.md\:mt-auto{margin-top:auto !important}.md\:mr-0{margin-right:0rem !important}.md\:mr-1{margin-right:.25rem !important}.md\:mr-2{margin-right:.5rem !important}.md\:mr-3{margin-right:1rem !important}.md\:mr-4{margin-right:1.5rem !important}.md\:mr-5{margin-right:2rem !important}.md\:mr-6{margin-right:3rem !important}.md\:mr-7{margin-right:4rem !important}.md\:mr-8{margin-right:5rem !important}.md\:-mr-1{margin-right:-0.25rem !important}.md\:-mr-2{margin-right:-0.5rem !important}.md\:-mr-3{margin-right:-1rem !important}.md\:-mr-4{margin-right:-1.5rem !important}.md\:-mr-5{margin-right:-2rem !important}.md\:-mr-6{margin-right:-3rem !important}.md\:-mr-7{margin-right:-4rem !important}.md\:-mr-8{margin-right:-5rem !important}.md\:mr-auto{margin-right:auto !important}.md\:ml-0{margin-left:0rem !important}.md\:ml-1{margin-left:.25rem !important}.md\:ml-2{margin-left:.5rem !important}.md\:ml-3{margin-left:1rem !important}.md\:ml-4{margin-left:1.5rem !important}.md\:ml-5{margin-left:2rem !important}.md\:ml-6{margin-left:3rem !important}.md\:ml-7{margin-left:4rem !important}.md\:ml-8{margin-left:5rem !important}.md\:-ml-1{margin-left:-0.25rem !important}.md\:-ml-2{margin-left:-0.5rem !important}.md\:-ml-3{margin-left:-1rem !important}.md\:-ml-4{margin-left:-1.5rem !important}.md\:-ml-5{margin-left:-2rem !important}.md\:-ml-6{margin-left:-3rem !important}.md\:-ml-7{margin-left:-4rem !important}.md\:-ml-8{margin-left:-5rem !important}.md\:ml-auto{margin-left:auto !important}.md\:mb-0{margin-bottom:0rem !important}.md\:mb-1{margin-bottom:.25rem !important}.md\:mb-2{margin-bottom:.5rem !important}.md\:mb-3{margin-bottom:1rem !important}.md\:mb-4{margin-bottom:1.5rem !important}.md\:mb-5{margin-bottom:2rem !important}.md\:mb-6{margin-bottom:3rem !important}.md\:mb-7{margin-bottom:4rem !important}.md\:mb-8{margin-bottom:5rem !important}.md\:-mb-1{margin-bottom:-0.25rem !important}.md\:-mb-2{margin-bottom:-0.5rem !important}.md\:-mb-3{margin-bottom:-1rem !important}.md\:-mb-4{margin-bottom:-1.5rem !important}.md\:-mb-5{margin-bottom:-2rem !important}.md\:-mb-6{margin-bottom:-3rem !important}.md\:-mb-7{margin-bottom:-4rem !important}.md\:-mb-8{margin-bottom:-5rem !important}.md\:mb-auto{margin-bottom:auto !important}.md\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.md\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.md\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.md\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.md\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.md\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.md\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.md\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.md\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.md\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.md\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.md\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.md\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.md\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.md\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.md\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.md\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.md\:mx-auto{margin-left:auto !important;margin-right:auto !important}.md\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.md\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.md\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.md\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.md\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.md\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.md\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.md\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.md\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.md\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.md\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.md\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.md\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.md\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.md\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.md\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.md\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.md\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 992px){.lg\:m-0{margin:0rem !important}.lg\:m-1{margin:.25rem !important}.lg\:m-2{margin:.5rem !important}.lg\:m-3{margin:1rem !important}.lg\:m-4{margin:1.5rem !important}.lg\:m-5{margin:2rem !important}.lg\:m-6{margin:3rem !important}.lg\:m-7{margin:4rem !important}.lg\:m-8{margin:5rem !important}.lg\:-m-1{margin:-0.25rem !important}.lg\:-m-2{margin:-0.5rem !important}.lg\:-m-3{margin:-1rem !important}.lg\:-m-4{margin:-1.5rem !important}.lg\:-m-5{margin:-2rem !important}.lg\:-m-6{margin:-3rem !important}.lg\:-m-7{margin:-4rem !important}.lg\:-m-8{margin:-5rem !important}.lg\:m-auto{margin:auto !important}.lg\:mt-0{margin-top:0rem !important}.lg\:mt-1{margin-top:.25rem !important}.lg\:mt-2{margin-top:.5rem !important}.lg\:mt-3{margin-top:1rem !important}.lg\:mt-4{margin-top:1.5rem !important}.lg\:mt-5{margin-top:2rem !important}.lg\:mt-6{margin-top:3rem !important}.lg\:mt-7{margin-top:4rem !important}.lg\:mt-8{margin-top:5rem !important}.lg\:-mt-1{margin-top:-0.25rem !important}.lg\:-mt-2{margin-top:-0.5rem !important}.lg\:-mt-3{margin-top:-1rem !important}.lg\:-mt-4{margin-top:-1.5rem !important}.lg\:-mt-5{margin-top:-2rem !important}.lg\:-mt-6{margin-top:-3rem !important}.lg\:-mt-7{margin-top:-4rem !important}.lg\:-mt-8{margin-top:-5rem !important}.lg\:mt-auto{margin-top:auto !important}.lg\:mr-0{margin-right:0rem !important}.lg\:mr-1{margin-right:.25rem !important}.lg\:mr-2{margin-right:.5rem !important}.lg\:mr-3{margin-right:1rem !important}.lg\:mr-4{margin-right:1.5rem !important}.lg\:mr-5{margin-right:2rem !important}.lg\:mr-6{margin-right:3rem !important}.lg\:mr-7{margin-right:4rem !important}.lg\:mr-8{margin-right:5rem !important}.lg\:-mr-1{margin-right:-0.25rem !important}.lg\:-mr-2{margin-right:-0.5rem !important}.lg\:-mr-3{margin-right:-1rem !important}.lg\:-mr-4{margin-right:-1.5rem !important}.lg\:-mr-5{margin-right:-2rem !important}.lg\:-mr-6{margin-right:-3rem !important}.lg\:-mr-7{margin-right:-4rem !important}.lg\:-mr-8{margin-right:-5rem !important}.lg\:mr-auto{margin-right:auto !important}.lg\:ml-0{margin-left:0rem !important}.lg\:ml-1{margin-left:.25rem !important}.lg\:ml-2{margin-left:.5rem !important}.lg\:ml-3{margin-left:1rem !important}.lg\:ml-4{margin-left:1.5rem !important}.lg\:ml-5{margin-left:2rem !important}.lg\:ml-6{margin-left:3rem !important}.lg\:ml-7{margin-left:4rem !important}.lg\:ml-8{margin-left:5rem !important}.lg\:-ml-1{margin-left:-0.25rem !important}.lg\:-ml-2{margin-left:-0.5rem !important}.lg\:-ml-3{margin-left:-1rem !important}.lg\:-ml-4{margin-left:-1.5rem !important}.lg\:-ml-5{margin-left:-2rem !important}.lg\:-ml-6{margin-left:-3rem !important}.lg\:-ml-7{margin-left:-4rem !important}.lg\:-ml-8{margin-left:-5rem !important}.lg\:ml-auto{margin-left:auto !important}.lg\:mb-0{margin-bottom:0rem !important}.lg\:mb-1{margin-bottom:.25rem !important}.lg\:mb-2{margin-bottom:.5rem !important}.lg\:mb-3{margin-bottom:1rem !important}.lg\:mb-4{margin-bottom:1.5rem !important}.lg\:mb-5{margin-bottom:2rem !important}.lg\:mb-6{margin-bottom:3rem !important}.lg\:mb-7{margin-bottom:4rem !important}.lg\:mb-8{margin-bottom:5rem !important}.lg\:-mb-1{margin-bottom:-0.25rem !important}.lg\:-mb-2{margin-bottom:-0.5rem !important}.lg\:-mb-3{margin-bottom:-1rem !important}.lg\:-mb-4{margin-bottom:-1.5rem !important}.lg\:-mb-5{margin-bottom:-2rem !important}.lg\:-mb-6{margin-bottom:-3rem !important}.lg\:-mb-7{margin-bottom:-4rem !important}.lg\:-mb-8{margin-bottom:-5rem !important}.lg\:mb-auto{margin-bottom:auto !important}.lg\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.lg\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.lg\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.lg\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.lg\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.lg\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.lg\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.lg\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.lg\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.lg\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.lg\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.lg\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.lg\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.lg\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.lg\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.lg\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.lg\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.lg\:mx-auto{margin-left:auto !important;margin-right:auto !important}.lg\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.lg\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.lg\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.lg\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.lg\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.lg\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.lg\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.lg\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.lg\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.lg\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.lg\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.lg\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.lg\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.lg\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.lg\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.lg\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.lg\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.lg\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 1200px){.xl\:m-0{margin:0rem !important}.xl\:m-1{margin:.25rem !important}.xl\:m-2{margin:.5rem !important}.xl\:m-3{margin:1rem !important}.xl\:m-4{margin:1.5rem !important}.xl\:m-5{margin:2rem !important}.xl\:m-6{margin:3rem !important}.xl\:m-7{margin:4rem !important}.xl\:m-8{margin:5rem !important}.xl\:-m-1{margin:-0.25rem !important}.xl\:-m-2{margin:-0.5rem !important}.xl\:-m-3{margin:-1rem !important}.xl\:-m-4{margin:-1.5rem !important}.xl\:-m-5{margin:-2rem !important}.xl\:-m-6{margin:-3rem !important}.xl\:-m-7{margin:-4rem !important}.xl\:-m-8{margin:-5rem !important}.xl\:m-auto{margin:auto !important}.xl\:mt-0{margin-top:0rem !important}.xl\:mt-1{margin-top:.25rem !important}.xl\:mt-2{margin-top:.5rem !important}.xl\:mt-3{margin-top:1rem !important}.xl\:mt-4{margin-top:1.5rem !important}.xl\:mt-5{margin-top:2rem !important}.xl\:mt-6{margin-top:3rem !important}.xl\:mt-7{margin-top:4rem !important}.xl\:mt-8{margin-top:5rem !important}.xl\:-mt-1{margin-top:-0.25rem !important}.xl\:-mt-2{margin-top:-0.5rem !important}.xl\:-mt-3{margin-top:-1rem !important}.xl\:-mt-4{margin-top:-1.5rem !important}.xl\:-mt-5{margin-top:-2rem !important}.xl\:-mt-6{margin-top:-3rem !important}.xl\:-mt-7{margin-top:-4rem !important}.xl\:-mt-8{margin-top:-5rem !important}.xl\:mt-auto{margin-top:auto !important}.xl\:mr-0{margin-right:0rem !important}.xl\:mr-1{margin-right:.25rem !important}.xl\:mr-2{margin-right:.5rem !important}.xl\:mr-3{margin-right:1rem !important}.xl\:mr-4{margin-right:1.5rem !important}.xl\:mr-5{margin-right:2rem !important}.xl\:mr-6{margin-right:3rem !important}.xl\:mr-7{margin-right:4rem !important}.xl\:mr-8{margin-right:5rem !important}.xl\:-mr-1{margin-right:-0.25rem !important}.xl\:-mr-2{margin-right:-0.5rem !important}.xl\:-mr-3{margin-right:-1rem !important}.xl\:-mr-4{margin-right:-1.5rem !important}.xl\:-mr-5{margin-right:-2rem !important}.xl\:-mr-6{margin-right:-3rem !important}.xl\:-mr-7{margin-right:-4rem !important}.xl\:-mr-8{margin-right:-5rem !important}.xl\:mr-auto{margin-right:auto !important}.xl\:ml-0{margin-left:0rem !important}.xl\:ml-1{margin-left:.25rem !important}.xl\:ml-2{margin-left:.5rem !important}.xl\:ml-3{margin-left:1rem !important}.xl\:ml-4{margin-left:1.5rem !important}.xl\:ml-5{margin-left:2rem !important}.xl\:ml-6{margin-left:3rem !important}.xl\:ml-7{margin-left:4rem !important}.xl\:ml-8{margin-left:5rem !important}.xl\:-ml-1{margin-left:-0.25rem !important}.xl\:-ml-2{margin-left:-0.5rem !important}.xl\:-ml-3{margin-left:-1rem !important}.xl\:-ml-4{margin-left:-1.5rem !important}.xl\:-ml-5{margin-left:-2rem !important}.xl\:-ml-6{margin-left:-3rem !important}.xl\:-ml-7{margin-left:-4rem !important}.xl\:-ml-8{margin-left:-5rem !important}.xl\:ml-auto{margin-left:auto !important}.xl\:mb-0{margin-bottom:0rem !important}.xl\:mb-1{margin-bottom:.25rem !important}.xl\:mb-2{margin-bottom:.5rem !important}.xl\:mb-3{margin-bottom:1rem !important}.xl\:mb-4{margin-bottom:1.5rem !important}.xl\:mb-5{margin-bottom:2rem !important}.xl\:mb-6{margin-bottom:3rem !important}.xl\:mb-7{margin-bottom:4rem !important}.xl\:mb-8{margin-bottom:5rem !important}.xl\:-mb-1{margin-bottom:-0.25rem !important}.xl\:-mb-2{margin-bottom:-0.5rem !important}.xl\:-mb-3{margin-bottom:-1rem !important}.xl\:-mb-4{margin-bottom:-1.5rem !important}.xl\:-mb-5{margin-bottom:-2rem !important}.xl\:-mb-6{margin-bottom:-3rem !important}.xl\:-mb-7{margin-bottom:-4rem !important}.xl\:-mb-8{margin-bottom:-5rem !important}.xl\:mb-auto{margin-bottom:auto !important}.xl\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.xl\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.xl\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.xl\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.xl\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.xl\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.xl\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.xl\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.xl\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.xl\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.xl\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.xl\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.xl\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.xl\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.xl\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.xl\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.xl\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.xl\:mx-auto{margin-left:auto !important;margin-right:auto !important}.xl\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.xl\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.xl\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.xl\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.xl\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.xl\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.xl\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.xl\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.xl\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.xl\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.xl\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.xl\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.xl\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.xl\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.xl\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.xl\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.xl\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.xl\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}.shadow-none{box-shadow:none !important}.shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-none:focus{box-shadow:none !important}.hover\:shadow-none:hover{box-shadow:none !important}.active\:shadow-none:active{box-shadow:none !important}.focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}@media screen and (min-width: 576px){.sm\:shadow-none{box-shadow:none !important}.sm\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-none:focus{box-shadow:none !important}.sm\:hover\:shadow-none:hover{box-shadow:none !important}.sm\:active\:shadow-none:active{box-shadow:none !important}.sm\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 768px){.md\:shadow-none{box-shadow:none !important}.md\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-none:focus{box-shadow:none !important}.md\:hover\:shadow-none:hover{box-shadow:none !important}.md\:active\:shadow-none:active{box-shadow:none !important}.md\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 992px){.lg\:shadow-none{box-shadow:none !important}.lg\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-none:focus{box-shadow:none !important}.lg\:hover\:shadow-none:hover{box-shadow:none !important}.lg\:active\:shadow-none:active{box-shadow:none !important}.lg\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 1200px){.xl\:shadow-none{box-shadow:none !important}.xl\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-none:focus{box-shadow:none !important}.xl\:hover\:shadow-none:hover{box-shadow:none !important}.xl\:active\:shadow-none:active{box-shadow:none !important}.xl\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}.border-none{border-width:0px !important;border-style:none}.border-1{border-width:1px !important;border-style:solid}.border-2{border-width:2px !important;border-style:solid}.border-3{border-width:3px !important;border-style:solid}.border-top-none{border-top-width:0px !important;border-top-style:none}.border-top-1{border-top-width:1px !important;border-top-style:solid}.border-top-2{border-top-width:2px !important;border-top-style:solid}.border-top-3{border-top-width:3px !important;border-top-style:solid}.border-right-none{border-right-width:0px !important;border-right-style:none}.border-right-1{border-right-width:1px !important;border-right-style:solid}.border-right-2{border-right-width:2px !important;border-right-style:solid}.border-right-3{border-right-width:3px !important;border-right-style:solid}.border-left-none{border-left-width:0px !important;border-left-style:none}.border-left-1{border-left-width:1px !important;border-left-style:solid}.border-left-2{border-left-width:2px !important;border-left-style:solid}.border-left-3{border-left-width:3px !important;border-left-style:solid}.border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}@media screen and (min-width: 576px){.sm\:border-none{border-width:0px !important;border-style:none}.sm\:border-1{border-width:1px !important;border-style:solid}.sm\:border-2{border-width:2px !important;border-style:solid}.sm\:border-3{border-width:3px !important;border-style:solid}.sm\:border-top-none{border-top-width:0px !important;border-top-style:none}.sm\:border-top-1{border-top-width:1px !important;border-top-style:solid}.sm\:border-top-2{border-top-width:2px !important;border-top-style:solid}.sm\:border-top-3{border-top-width:3px !important;border-top-style:solid}.sm\:border-right-none{border-right-width:0px !important;border-right-style:none}.sm\:border-right-1{border-right-width:1px !important;border-right-style:solid}.sm\:border-right-2{border-right-width:2px !important;border-right-style:solid}.sm\:border-right-3{border-right-width:3px !important;border-right-style:solid}.sm\:border-left-none{border-left-width:0px !important;border-left-style:none}.sm\:border-left-1{border-left-width:1px !important;border-left-style:solid}.sm\:border-left-2{border-left-width:2px !important;border-left-style:solid}.sm\:border-left-3{border-left-width:3px !important;border-left-style:solid}.sm\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.sm\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.sm\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.sm\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.sm\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.sm\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 768px){.md\:border-none{border-width:0px !important;border-style:none}.md\:border-1{border-width:1px !important;border-style:solid}.md\:border-2{border-width:2px !important;border-style:solid}.md\:border-3{border-width:3px !important;border-style:solid}.md\:border-top-none{border-top-width:0px !important;border-top-style:none}.md\:border-top-1{border-top-width:1px !important;border-top-style:solid}.md\:border-top-2{border-top-width:2px !important;border-top-style:solid}.md\:border-top-3{border-top-width:3px !important;border-top-style:solid}.md\:border-right-none{border-right-width:0px !important;border-right-style:none}.md\:border-right-1{border-right-width:1px !important;border-right-style:solid}.md\:border-right-2{border-right-width:2px !important;border-right-style:solid}.md\:border-right-3{border-right-width:3px !important;border-right-style:solid}.md\:border-left-none{border-left-width:0px !important;border-left-style:none}.md\:border-left-1{border-left-width:1px !important;border-left-style:solid}.md\:border-left-2{border-left-width:2px !important;border-left-style:solid}.md\:border-left-3{border-left-width:3px !important;border-left-style:solid}.md\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.md\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.md\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.md\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.md\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.md\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.md\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.md\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 992px){.lg\:border-none{border-width:0px !important;border-style:none}.lg\:border-1{border-width:1px !important;border-style:solid}.lg\:border-2{border-width:2px !important;border-style:solid}.lg\:border-3{border-width:3px !important;border-style:solid}.lg\:border-top-none{border-top-width:0px !important;border-top-style:none}.lg\:border-top-1{border-top-width:1px !important;border-top-style:solid}.lg\:border-top-2{border-top-width:2px !important;border-top-style:solid}.lg\:border-top-3{border-top-width:3px !important;border-top-style:solid}.lg\:border-right-none{border-right-width:0px !important;border-right-style:none}.lg\:border-right-1{border-right-width:1px !important;border-right-style:solid}.lg\:border-right-2{border-right-width:2px !important;border-right-style:solid}.lg\:border-right-3{border-right-width:3px !important;border-right-style:solid}.lg\:border-left-none{border-left-width:0px !important;border-left-style:none}.lg\:border-left-1{border-left-width:1px !important;border-left-style:solid}.lg\:border-left-2{border-left-width:2px !important;border-left-style:solid}.lg\:border-left-3{border-left-width:3px !important;border-left-style:solid}.lg\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.lg\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.lg\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.lg\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.lg\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.lg\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 1200px){.xl\:border-none{border-width:0px !important;border-style:none}.xl\:border-1{border-width:1px !important;border-style:solid}.xl\:border-2{border-width:2px !important;border-style:solid}.xl\:border-3{border-width:3px !important;border-style:solid}.xl\:border-top-none{border-top-width:0px !important;border-top-style:none}.xl\:border-top-1{border-top-width:1px !important;border-top-style:solid}.xl\:border-top-2{border-top-width:2px !important;border-top-style:solid}.xl\:border-top-3{border-top-width:3px !important;border-top-style:solid}.xl\:border-right-none{border-right-width:0px !important;border-right-style:none}.xl\:border-right-1{border-right-width:1px !important;border-right-style:solid}.xl\:border-right-2{border-right-width:2px !important;border-right-style:solid}.xl\:border-right-3{border-right-width:3px !important;border-right-style:solid}.xl\:border-left-none{border-left-width:0px !important;border-left-style:none}.xl\:border-left-1{border-left-width:1px !important;border-left-style:solid}.xl\:border-left-2{border-left-width:2px !important;border-left-style:solid}.xl\:border-left-3{border-left-width:3px !important;border-left-style:solid}.xl\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.xl\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.xl\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.xl\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.xl\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.xl\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}.border-solid{border-style:solid !important}.border-dashed{border-style:dashed !important}.border-dotted{border-style:dotted !important}.border-double{border-style:double !important}@media screen and (min-width: 576px){.sm\:border-solid{border-style:solid !important}.sm\:border-dashed{border-style:dashed !important}.sm\:border-dotted{border-style:dotted !important}.sm\:border-double{border-style:double !important}}@media screen and (min-width: 768px){.md\:border-solid{border-style:solid !important}.md\:border-dashed{border-style:dashed !important}.md\:border-dotted{border-style:dotted !important}.md\:border-double{border-style:double !important}}@media screen and (min-width: 992px){.lg\:border-solid{border-style:solid !important}.lg\:border-dashed{border-style:dashed !important}.lg\:border-dotted{border-style:dotted !important}.lg\:border-double{border-style:double !important}}@media screen and (min-width: 1200px){.xl\:border-solid{border-style:solid !important}.xl\:border-dashed{border-style:dashed !important}.xl\:border-dotted{border-style:dotted !important}.xl\:border-double{border-style:double !important}}.border-noround{border-radius:0 !important}.border-round{border-radius:var(--border-radius) !important}.border-round-xs{border-radius:0.125rem !important}.border-round-sm{border-radius:0.25rem !important}.border-round-md{border-radius:0.375rem !important}.border-round-lg{border-radius:0.5rem !important}.border-round-xl{border-radius:0.75rem !important}.border-round-2xl{border-radius:1rem !important}.border-round-3xl{border-radius:1.5rem !important}.border-circle{border-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround{border-radius:0 !important}.sm\:border-round{border-radius:var(--border-radius) !important}.sm\:border-round-xs{border-radius:0.125rem !important}.sm\:border-round-sm{border-radius:0.25rem !important}.sm\:border-round-md{border-radius:0.375rem !important}.sm\:border-round-lg{border-radius:0.5rem !important}.sm\:border-round-xl{border-radius:0.75rem !important}.sm\:border-round-2xl{border-radius:1rem !important}.sm\:border-round-3xl{border-radius:1.5rem !important}.sm\:border-circle{border-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround{border-radius:0 !important}.md\:border-round{border-radius:var(--border-radius) !important}.md\:border-round-xs{border-radius:0.125rem !important}.md\:border-round-sm{border-radius:0.25rem !important}.md\:border-round-md{border-radius:0.375rem !important}.md\:border-round-lg{border-radius:0.5rem !important}.md\:border-round-xl{border-radius:0.75rem !important}.md\:border-round-2xl{border-radius:1rem !important}.md\:border-round-3xl{border-radius:1.5rem !important}.md\:border-circle{border-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround{border-radius:0 !important}.lg\:border-round{border-radius:var(--border-radius) !important}.lg\:border-round-xs{border-radius:0.125rem !important}.lg\:border-round-sm{border-radius:0.25rem !important}.lg\:border-round-md{border-radius:0.375rem !important}.lg\:border-round-lg{border-radius:0.5rem !important}.lg\:border-round-xl{border-radius:0.75rem !important}.lg\:border-round-2xl{border-radius:1rem !important}.lg\:border-round-3xl{border-radius:1.5rem !important}.lg\:border-circle{border-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround{border-radius:0 !important}.xl\:border-round{border-radius:var(--border-radius) !important}.xl\:border-round-xs{border-radius:0.125rem !important}.xl\:border-round-sm{border-radius:0.25rem !important}.xl\:border-round-md{border-radius:0.375rem !important}.xl\:border-round-lg{border-radius:0.5rem !important}.xl\:border-round-xl{border-radius:0.75rem !important}.xl\:border-round-2xl{border-radius:1rem !important}.xl\:border-round-3xl{border-radius:1.5rem !important}.xl\:border-circle{border-radius:50% !important}}.border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.sm\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.sm\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.sm\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.sm\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.sm\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.sm\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.sm\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.sm\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.sm\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.sm\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.sm\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.sm\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.sm\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.sm\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.sm\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.sm\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.sm\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.sm\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.sm\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.sm\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.sm\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.md\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.md\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.md\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.md\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.md\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.md\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.md\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.md\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.md\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.md\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.md\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.md\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.md\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.md\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.md\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.md\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.md\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.md\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.md\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.md\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.md\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.lg\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.lg\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.lg\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.lg\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.lg\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.lg\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.lg\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.lg\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.lg\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.lg\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.lg\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.lg\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.lg\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.lg\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.lg\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.lg\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.lg\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.lg\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.lg\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.lg\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.lg\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.xl\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.xl\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.xl\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.xl\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.xl\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.xl\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.xl\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.xl\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.xl\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.xl\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.xl\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.xl\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.xl\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.xl\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.xl\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.xl\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.xl\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.xl\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.xl\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.xl\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.xl\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}.w-full{width:100% !important}.w-screen{width:100vw !important}.w-auto{width:auto !important}.w-1{width:8.3333% !important}.w-2{width:16.6667% !important}.w-3{width:25% !important}.w-4{width:33.3333% !important}.w-5{width:41.6667% !important}.w-6{width:50% !important}.w-7{width:58.3333% !important}.w-8{width:66.6667% !important}.w-9{width:75% !important}.w-10{width:83.3333% !important}.w-11{width:91.6667% !important}.w-12{width:100% !important}.w-min{width:min-content !important}.w-max{width:max-content !important}.w-fit{width:fit-content !important}.w-1rem{width:1rem !important}.w-2rem{width:2rem !important}.w-3rem{width:3rem !important}.w-4rem{width:4rem !important}.w-5rem{width:5rem !important}.w-6rem{width:6rem !important}.w-7rem{width:7rem !important}.w-8rem{width:8rem !important}.w-9rem{width:9rem !important}.w-10rem{width:10rem !important}.w-11rem{width:11rem !important}.w-12rem{width:12rem !important}.w-13rem{width:13rem !important}.w-14rem{width:14rem !important}.w-15rem{width:15rem !important}.w-16rem{width:16rem !important}.w-17rem{width:17rem !important}.w-18rem{width:18rem !important}.w-19rem{width:19rem !important}.w-20rem{width:20rem !important}.w-21rem{width:21rem !important}.w-22rem{width:22rem !important}.w-23rem{width:23rem !important}.w-24rem{width:24rem !important}.w-25rem{width:25rem !important}.w-26rem{width:26rem !important}.w-27rem{width:27rem !important}.w-28rem{width:28rem !important}.w-29rem{width:29rem !important}.w-30rem{width:30rem !important}@media screen and (min-width: 576px){.sm\:w-full{width:100% !important}.sm\:w-screen{width:100vw !important}.sm\:w-auto{width:auto !important}.sm\:w-1{width:8.3333% !important}.sm\:w-2{width:16.6667% !important}.sm\:w-3{width:25% !important}.sm\:w-4{width:33.3333% !important}.sm\:w-5{width:41.6667% !important}.sm\:w-6{width:50% !important}.sm\:w-7{width:58.3333% !important}.sm\:w-8{width:66.6667% !important}.sm\:w-9{width:75% !important}.sm\:w-10{width:83.3333% !important}.sm\:w-11{width:91.6667% !important}.sm\:w-12{width:100% !important}.sm\:w-min{width:min-content !important}.sm\:w-max{width:max-content !important}.sm\:w-fit{width:fit-content !important}.sm\:w-1rem{width:1rem !important}.sm\:w-2rem{width:2rem !important}.sm\:w-3rem{width:3rem !important}.sm\:w-4rem{width:4rem !important}.sm\:w-5rem{width:5rem !important}.sm\:w-6rem{width:6rem !important}.sm\:w-7rem{width:7rem !important}.sm\:w-8rem{width:8rem !important}.sm\:w-9rem{width:9rem !important}.sm\:w-10rem{width:10rem !important}.sm\:w-11rem{width:11rem !important}.sm\:w-12rem{width:12rem !important}.sm\:w-13rem{width:13rem !important}.sm\:w-14rem{width:14rem !important}.sm\:w-15rem{width:15rem !important}.sm\:w-16rem{width:16rem !important}.sm\:w-17rem{width:17rem !important}.sm\:w-18rem{width:18rem !important}.sm\:w-19rem{width:19rem !important}.sm\:w-20rem{width:20rem !important}.sm\:w-21rem{width:21rem !important}.sm\:w-22rem{width:22rem !important}.sm\:w-23rem{width:23rem !important}.sm\:w-24rem{width:24rem !important}.sm\:w-25rem{width:25rem !important}.sm\:w-26rem{width:26rem !important}.sm\:w-27rem{width:27rem !important}.sm\:w-28rem{width:28rem !important}.sm\:w-29rem{width:29rem !important}.sm\:w-30rem{width:30rem !important}}@media screen and (min-width: 768px){.md\:w-full{width:100% !important}.md\:w-screen{width:100vw !important}.md\:w-auto{width:auto !important}.md\:w-1{width:8.3333% !important}.md\:w-2{width:16.6667% !important}.md\:w-3{width:25% !important}.md\:w-4{width:33.3333% !important}.md\:w-5{width:41.6667% !important}.md\:w-6{width:50% !important}.md\:w-7{width:58.3333% !important}.md\:w-8{width:66.6667% !important}.md\:w-9{width:75% !important}.md\:w-10{width:83.3333% !important}.md\:w-11{width:91.6667% !important}.md\:w-12{width:100% !important}.md\:w-min{width:min-content !important}.md\:w-max{width:max-content !important}.md\:w-fit{width:fit-content !important}.md\:w-1rem{width:1rem !important}.md\:w-2rem{width:2rem !important}.md\:w-3rem{width:3rem !important}.md\:w-4rem{width:4rem !important}.md\:w-5rem{width:5rem !important}.md\:w-6rem{width:6rem !important}.md\:w-7rem{width:7rem !important}.md\:w-8rem{width:8rem !important}.md\:w-9rem{width:9rem !important}.md\:w-10rem{width:10rem !important}.md\:w-11rem{width:11rem !important}.md\:w-12rem{width:12rem !important}.md\:w-13rem{width:13rem !important}.md\:w-14rem{width:14rem !important}.md\:w-15rem{width:15rem !important}.md\:w-16rem{width:16rem !important}.md\:w-17rem{width:17rem !important}.md\:w-18rem{width:18rem !important}.md\:w-19rem{width:19rem !important}.md\:w-20rem{width:20rem !important}.md\:w-21rem{width:21rem !important}.md\:w-22rem{width:22rem !important}.md\:w-23rem{width:23rem !important}.md\:w-24rem{width:24rem !important}.md\:w-25rem{width:25rem !important}.md\:w-26rem{width:26rem !important}.md\:w-27rem{width:27rem !important}.md\:w-28rem{width:28rem !important}.md\:w-29rem{width:29rem !important}.md\:w-30rem{width:30rem !important}}@media screen and (min-width: 992px){.lg\:w-full{width:100% !important}.lg\:w-screen{width:100vw !important}.lg\:w-auto{width:auto !important}.lg\:w-1{width:8.3333% !important}.lg\:w-2{width:16.6667% !important}.lg\:w-3{width:25% !important}.lg\:w-4{width:33.3333% !important}.lg\:w-5{width:41.6667% !important}.lg\:w-6{width:50% !important}.lg\:w-7{width:58.3333% !important}.lg\:w-8{width:66.6667% !important}.lg\:w-9{width:75% !important}.lg\:w-10{width:83.3333% !important}.lg\:w-11{width:91.6667% !important}.lg\:w-12{width:100% !important}.lg\:w-min{width:min-content !important}.lg\:w-max{width:max-content !important}.lg\:w-fit{width:fit-content !important}.lg\:w-1rem{width:1rem !important}.lg\:w-2rem{width:2rem !important}.lg\:w-3rem{width:3rem !important}.lg\:w-4rem{width:4rem !important}.lg\:w-5rem{width:5rem !important}.lg\:w-6rem{width:6rem !important}.lg\:w-7rem{width:7rem !important}.lg\:w-8rem{width:8rem !important}.lg\:w-9rem{width:9rem !important}.lg\:w-10rem{width:10rem !important}.lg\:w-11rem{width:11rem !important}.lg\:w-12rem{width:12rem !important}.lg\:w-13rem{width:13rem !important}.lg\:w-14rem{width:14rem !important}.lg\:w-15rem{width:15rem !important}.lg\:w-16rem{width:16rem !important}.lg\:w-17rem{width:17rem !important}.lg\:w-18rem{width:18rem !important}.lg\:w-19rem{width:19rem !important}.lg\:w-20rem{width:20rem !important}.lg\:w-21rem{width:21rem !important}.lg\:w-22rem{width:22rem !important}.lg\:w-23rem{width:23rem !important}.lg\:w-24rem{width:24rem !important}.lg\:w-25rem{width:25rem !important}.lg\:w-26rem{width:26rem !important}.lg\:w-27rem{width:27rem !important}.lg\:w-28rem{width:28rem !important}.lg\:w-29rem{width:29rem !important}.lg\:w-30rem{width:30rem !important}}@media screen and (min-width: 1200px){.xl\:w-full{width:100% !important}.xl\:w-screen{width:100vw !important}.xl\:w-auto{width:auto !important}.xl\:w-1{width:8.3333% !important}.xl\:w-2{width:16.6667% !important}.xl\:w-3{width:25% !important}.xl\:w-4{width:33.3333% !important}.xl\:w-5{width:41.6667% !important}.xl\:w-6{width:50% !important}.xl\:w-7{width:58.3333% !important}.xl\:w-8{width:66.6667% !important}.xl\:w-9{width:75% !important}.xl\:w-10{width:83.3333% !important}.xl\:w-11{width:91.6667% !important}.xl\:w-12{width:100% !important}.xl\:w-min{width:min-content !important}.xl\:w-max{width:max-content !important}.xl\:w-fit{width:fit-content !important}.xl\:w-1rem{width:1rem !important}.xl\:w-2rem{width:2rem !important}.xl\:w-3rem{width:3rem !important}.xl\:w-4rem{width:4rem !important}.xl\:w-5rem{width:5rem !important}.xl\:w-6rem{width:6rem !important}.xl\:w-7rem{width:7rem !important}.xl\:w-8rem{width:8rem !important}.xl\:w-9rem{width:9rem !important}.xl\:w-10rem{width:10rem !important}.xl\:w-11rem{width:11rem !important}.xl\:w-12rem{width:12rem !important}.xl\:w-13rem{width:13rem !important}.xl\:w-14rem{width:14rem !important}.xl\:w-15rem{width:15rem !important}.xl\:w-16rem{width:16rem !important}.xl\:w-17rem{width:17rem !important}.xl\:w-18rem{width:18rem !important}.xl\:w-19rem{width:19rem !important}.xl\:w-20rem{width:20rem !important}.xl\:w-21rem{width:21rem !important}.xl\:w-22rem{width:22rem !important}.xl\:w-23rem{width:23rem !important}.xl\:w-24rem{width:24rem !important}.xl\:w-25rem{width:25rem !important}.xl\:w-26rem{width:26rem !important}.xl\:w-27rem{width:27rem !important}.xl\:w-28rem{width:28rem !important}.xl\:w-29rem{width:29rem !important}.xl\:w-30rem{width:30rem !important}}.h-full{height:100% !important}.h-screen{height:100vh !important}.h-auto{height:auto !important}.h-min{height:min-content !important}.h-max{height:max-content !important}.h-fit{height:fit-content !important}.h-1rem{height:1rem !important}.h-2rem{height:2rem !important}.h-3rem{height:3rem !important}.h-4rem{height:4rem !important}.h-5rem{height:5rem !important}.h-6rem{height:6rem !important}.h-7rem{height:7rem !important}.h-8rem{height:8rem !important}.h-9rem{height:9rem !important}.h-10rem{height:10rem !important}.h-11rem{height:11rem !important}.h-12rem{height:12rem !important}.h-13rem{height:13rem !important}.h-14rem{height:14rem !important}.h-15rem{height:15rem !important}.h-16rem{height:16rem !important}.h-17rem{height:17rem !important}.h-18rem{height:18rem !important}.h-19rem{height:19rem !important}.h-20rem{height:20rem !important}.h-21rem{height:21rem !important}.h-22rem{height:22rem !important}.h-23rem{height:23rem !important}.h-24rem{height:24rem !important}.h-25rem{height:25rem !important}.h-26rem{height:26rem !important}.h-27rem{height:27rem !important}.h-28rem{height:28rem !important}.h-29rem{height:29rem !important}.h-30rem{height:30rem !important}@media screen and (min-width: 576px){.sm\:h-full{height:100% !important}.sm\:h-screen{height:100vh !important}.sm\:h-auto{height:auto !important}.sm\:h-min{height:min-content !important}.sm\:h-max{height:max-content !important}.sm\:h-fit{height:fit-content !important}.sm\:h-1rem{height:1rem !important}.sm\:h-2rem{height:2rem !important}.sm\:h-3rem{height:3rem !important}.sm\:h-4rem{height:4rem !important}.sm\:h-5rem{height:5rem !important}.sm\:h-6rem{height:6rem !important}.sm\:h-7rem{height:7rem !important}.sm\:h-8rem{height:8rem !important}.sm\:h-9rem{height:9rem !important}.sm\:h-10rem{height:10rem !important}.sm\:h-11rem{height:11rem !important}.sm\:h-12rem{height:12rem !important}.sm\:h-13rem{height:13rem !important}.sm\:h-14rem{height:14rem !important}.sm\:h-15rem{height:15rem !important}.sm\:h-16rem{height:16rem !important}.sm\:h-17rem{height:17rem !important}.sm\:h-18rem{height:18rem !important}.sm\:h-19rem{height:19rem !important}.sm\:h-20rem{height:20rem !important}.sm\:h-21rem{height:21rem !important}.sm\:h-22rem{height:22rem !important}.sm\:h-23rem{height:23rem !important}.sm\:h-24rem{height:24rem !important}.sm\:h-25rem{height:25rem !important}.sm\:h-26rem{height:26rem !important}.sm\:h-27rem{height:27rem !important}.sm\:h-28rem{height:28rem !important}.sm\:h-29rem{height:29rem !important}.sm\:h-30rem{height:30rem !important}}@media screen and (min-width: 768px){.md\:h-full{height:100% !important}.md\:h-screen{height:100vh !important}.md\:h-auto{height:auto !important}.md\:h-min{height:min-content !important}.md\:h-max{height:max-content !important}.md\:h-fit{height:fit-content !important}.md\:h-1rem{height:1rem !important}.md\:h-2rem{height:2rem !important}.md\:h-3rem{height:3rem !important}.md\:h-4rem{height:4rem !important}.md\:h-5rem{height:5rem !important}.md\:h-6rem{height:6rem !important}.md\:h-7rem{height:7rem !important}.md\:h-8rem{height:8rem !important}.md\:h-9rem{height:9rem !important}.md\:h-10rem{height:10rem !important}.md\:h-11rem{height:11rem !important}.md\:h-12rem{height:12rem !important}.md\:h-13rem{height:13rem !important}.md\:h-14rem{height:14rem !important}.md\:h-15rem{height:15rem !important}.md\:h-16rem{height:16rem !important}.md\:h-17rem{height:17rem !important}.md\:h-18rem{height:18rem !important}.md\:h-19rem{height:19rem !important}.md\:h-20rem{height:20rem !important}.md\:h-21rem{height:21rem !important}.md\:h-22rem{height:22rem !important}.md\:h-23rem{height:23rem !important}.md\:h-24rem{height:24rem !important}.md\:h-25rem{height:25rem !important}.md\:h-26rem{height:26rem !important}.md\:h-27rem{height:27rem !important}.md\:h-28rem{height:28rem !important}.md\:h-29rem{height:29rem !important}.md\:h-30rem{height:30rem !important}}@media screen and (min-width: 992px){.lg\:h-full{height:100% !important}.lg\:h-screen{height:100vh !important}.lg\:h-auto{height:auto !important}.lg\:h-min{height:min-content !important}.lg\:h-max{height:max-content !important}.lg\:h-fit{height:fit-content !important}.lg\:h-1rem{height:1rem !important}.lg\:h-2rem{height:2rem !important}.lg\:h-3rem{height:3rem !important}.lg\:h-4rem{height:4rem !important}.lg\:h-5rem{height:5rem !important}.lg\:h-6rem{height:6rem !important}.lg\:h-7rem{height:7rem !important}.lg\:h-8rem{height:8rem !important}.lg\:h-9rem{height:9rem !important}.lg\:h-10rem{height:10rem !important}.lg\:h-11rem{height:11rem !important}.lg\:h-12rem{height:12rem !important}.lg\:h-13rem{height:13rem !important}.lg\:h-14rem{height:14rem !important}.lg\:h-15rem{height:15rem !important}.lg\:h-16rem{height:16rem !important}.lg\:h-17rem{height:17rem !important}.lg\:h-18rem{height:18rem !important}.lg\:h-19rem{height:19rem !important}.lg\:h-20rem{height:20rem !important}.lg\:h-21rem{height:21rem !important}.lg\:h-22rem{height:22rem !important}.lg\:h-23rem{height:23rem !important}.lg\:h-24rem{height:24rem !important}.lg\:h-25rem{height:25rem !important}.lg\:h-26rem{height:26rem !important}.lg\:h-27rem{height:27rem !important}.lg\:h-28rem{height:28rem !important}.lg\:h-29rem{height:29rem !important}.lg\:h-30rem{height:30rem !important}}@media screen and (min-width: 1200px){.xl\:h-full{height:100% !important}.xl\:h-screen{height:100vh !important}.xl\:h-auto{height:auto !important}.xl\:h-min{height:min-content !important}.xl\:h-max{height:max-content !important}.xl\:h-fit{height:fit-content !important}.xl\:h-1rem{height:1rem !important}.xl\:h-2rem{height:2rem !important}.xl\:h-3rem{height:3rem !important}.xl\:h-4rem{height:4rem !important}.xl\:h-5rem{height:5rem !important}.xl\:h-6rem{height:6rem !important}.xl\:h-7rem{height:7rem !important}.xl\:h-8rem{height:8rem !important}.xl\:h-9rem{height:9rem !important}.xl\:h-10rem{height:10rem !important}.xl\:h-11rem{height:11rem !important}.xl\:h-12rem{height:12rem !important}.xl\:h-13rem{height:13rem !important}.xl\:h-14rem{height:14rem !important}.xl\:h-15rem{height:15rem !important}.xl\:h-16rem{height:16rem !important}.xl\:h-17rem{height:17rem !important}.xl\:h-18rem{height:18rem !important}.xl\:h-19rem{height:19rem !important}.xl\:h-20rem{height:20rem !important}.xl\:h-21rem{height:21rem !important}.xl\:h-22rem{height:22rem !important}.xl\:h-23rem{height:23rem !important}.xl\:h-24rem{height:24rem !important}.xl\:h-25rem{height:25rem !important}.xl\:h-26rem{height:26rem !important}.xl\:h-27rem{height:27rem !important}.xl\:h-28rem{height:28rem !important}.xl\:h-29rem{height:29rem !important}.xl\:h-30rem{height:30rem !important}}.min-w-0{min-width:0px !important}.min-w-full{min-width:100% !important}.min-w-screen{min-width:100vw !important}.min-w-min{min-width:min-content !important}.min-w-max{min-width:max-content !important}@media screen and (min-width: 576px){.sm\:min-w-0{min-width:0px !important}.sm\:min-w-full{min-width:100% !important}.sm\:min-w-screen{min-width:100vw !important}.sm\:min-w-min{min-width:min-content !important}.sm\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 768px){.md\:min-w-0{min-width:0px !important}.md\:min-w-full{min-width:100% !important}.md\:min-w-screen{min-width:100vw !important}.md\:min-w-min{min-width:min-content !important}.md\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 992px){.lg\:min-w-0{min-width:0px !important}.lg\:min-w-full{min-width:100% !important}.lg\:min-w-screen{min-width:100vw !important}.lg\:min-w-min{min-width:min-content !important}.lg\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 1200px){.xl\:min-w-0{min-width:0px !important}.xl\:min-w-full{min-width:100% !important}.xl\:min-w-screen{min-width:100vw !important}.xl\:min-w-min{min-width:min-content !important}.xl\:min-w-max{min-width:max-content !important}}.max-w-0{max-width:0px !important}.max-w-full{max-width:100% !important}.max-w-screen{max-width:100vw !important}.max-w-min{max-width:min-content !important}.max-w-max{max-width:max-content !important}.max-w-fit{max-width:fit-content !important}.max-w-1rem{max-width:1rem !important}.max-w-2rem{max-width:2rem !important}.max-w-3rem{max-width:3rem !important}.max-w-4rem{max-width:4rem !important}.max-w-5rem{max-width:5rem !important}.max-w-6rem{max-width:6rem !important}.max-w-7rem{max-width:7rem !important}.max-w-8rem{max-width:8rem !important}.max-w-9rem{max-width:9rem !important}.max-w-10rem{max-width:10rem !important}.max-w-11rem{max-width:11rem !important}.max-w-12rem{max-width:12rem !important}.max-w-13rem{max-width:13rem !important}.max-w-14rem{max-width:14rem !important}.max-w-15rem{max-width:15rem !important}.max-w-16rem{max-width:16rem !important}.max-w-17rem{max-width:17rem !important}.max-w-18rem{max-width:18rem !important}.max-w-19rem{max-width:19rem !important}.max-w-20rem{max-width:20rem !important}.max-w-21rem{max-width:21rem !important}.max-w-22rem{max-width:22rem !important}.max-w-23rem{max-width:23rem !important}.max-w-24rem{max-width:24rem !important}.max-w-25rem{max-width:25rem !important}.max-w-26rem{max-width:26rem !important}.max-w-27rem{max-width:27rem !important}.max-w-28rem{max-width:28rem !important}.max-w-29rem{max-width:29rem !important}.max-w-30rem{max-width:30rem !important}@media screen and (min-width: 576px){.sm\:max-w-0{max-width:0px !important}.sm\:max-w-full{max-width:100% !important}.sm\:max-w-screen{max-width:100vw !important}.sm\:max-w-min{max-width:min-content !important}.sm\:max-w-max{max-width:max-content !important}.sm\:max-w-fit{max-width:fit-content !important}.sm\:max-w-1rem{max-width:1rem !important}.sm\:max-w-2rem{max-width:2rem !important}.sm\:max-w-3rem{max-width:3rem !important}.sm\:max-w-4rem{max-width:4rem !important}.sm\:max-w-5rem{max-width:5rem !important}.sm\:max-w-6rem{max-width:6rem !important}.sm\:max-w-7rem{max-width:7rem !important}.sm\:max-w-8rem{max-width:8rem !important}.sm\:max-w-9rem{max-width:9rem !important}.sm\:max-w-10rem{max-width:10rem !important}.sm\:max-w-11rem{max-width:11rem !important}.sm\:max-w-12rem{max-width:12rem !important}.sm\:max-w-13rem{max-width:13rem !important}.sm\:max-w-14rem{max-width:14rem !important}.sm\:max-w-15rem{max-width:15rem !important}.sm\:max-w-16rem{max-width:16rem !important}.sm\:max-w-17rem{max-width:17rem !important}.sm\:max-w-18rem{max-width:18rem !important}.sm\:max-w-19rem{max-width:19rem !important}.sm\:max-w-20rem{max-width:20rem !important}.sm\:max-w-21rem{max-width:21rem !important}.sm\:max-w-22rem{max-width:22rem !important}.sm\:max-w-23rem{max-width:23rem !important}.sm\:max-w-24rem{max-width:24rem !important}.sm\:max-w-25rem{max-width:25rem !important}.sm\:max-w-26rem{max-width:26rem !important}.sm\:max-w-27rem{max-width:27rem !important}.sm\:max-w-28rem{max-width:28rem !important}.sm\:max-w-29rem{max-width:29rem !important}.sm\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 768px){.md\:max-w-0{max-width:0px !important}.md\:max-w-full{max-width:100% !important}.md\:max-w-screen{max-width:100vw !important}.md\:max-w-min{max-width:min-content !important}.md\:max-w-max{max-width:max-content !important}.md\:max-w-fit{max-width:fit-content !important}.md\:max-w-1rem{max-width:1rem !important}.md\:max-w-2rem{max-width:2rem !important}.md\:max-w-3rem{max-width:3rem !important}.md\:max-w-4rem{max-width:4rem !important}.md\:max-w-5rem{max-width:5rem !important}.md\:max-w-6rem{max-width:6rem !important}.md\:max-w-7rem{max-width:7rem !important}.md\:max-w-8rem{max-width:8rem !important}.md\:max-w-9rem{max-width:9rem !important}.md\:max-w-10rem{max-width:10rem !important}.md\:max-w-11rem{max-width:11rem !important}.md\:max-w-12rem{max-width:12rem !important}.md\:max-w-13rem{max-width:13rem !important}.md\:max-w-14rem{max-width:14rem !important}.md\:max-w-15rem{max-width:15rem !important}.md\:max-w-16rem{max-width:16rem !important}.md\:max-w-17rem{max-width:17rem !important}.md\:max-w-18rem{max-width:18rem !important}.md\:max-w-19rem{max-width:19rem !important}.md\:max-w-20rem{max-width:20rem !important}.md\:max-w-21rem{max-width:21rem !important}.md\:max-w-22rem{max-width:22rem !important}.md\:max-w-23rem{max-width:23rem !important}.md\:max-w-24rem{max-width:24rem !important}.md\:max-w-25rem{max-width:25rem !important}.md\:max-w-26rem{max-width:26rem !important}.md\:max-w-27rem{max-width:27rem !important}.md\:max-w-28rem{max-width:28rem !important}.md\:max-w-29rem{max-width:29rem !important}.md\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 992px){.lg\:max-w-0{max-width:0px !important}.lg\:max-w-full{max-width:100% !important}.lg\:max-w-screen{max-width:100vw !important}.lg\:max-w-min{max-width:min-content !important}.lg\:max-w-max{max-width:max-content !important}.lg\:max-w-fit{max-width:fit-content !important}.lg\:max-w-1rem{max-width:1rem !important}.lg\:max-w-2rem{max-width:2rem !important}.lg\:max-w-3rem{max-width:3rem !important}.lg\:max-w-4rem{max-width:4rem !important}.lg\:max-w-5rem{max-width:5rem !important}.lg\:max-w-6rem{max-width:6rem !important}.lg\:max-w-7rem{max-width:7rem !important}.lg\:max-w-8rem{max-width:8rem !important}.lg\:max-w-9rem{max-width:9rem !important}.lg\:max-w-10rem{max-width:10rem !important}.lg\:max-w-11rem{max-width:11rem !important}.lg\:max-w-12rem{max-width:12rem !important}.lg\:max-w-13rem{max-width:13rem !important}.lg\:max-w-14rem{max-width:14rem !important}.lg\:max-w-15rem{max-width:15rem !important}.lg\:max-w-16rem{max-width:16rem !important}.lg\:max-w-17rem{max-width:17rem !important}.lg\:max-w-18rem{max-width:18rem !important}.lg\:max-w-19rem{max-width:19rem !important}.lg\:max-w-20rem{max-width:20rem !important}.lg\:max-w-21rem{max-width:21rem !important}.lg\:max-w-22rem{max-width:22rem !important}.lg\:max-w-23rem{max-width:23rem !important}.lg\:max-w-24rem{max-width:24rem !important}.lg\:max-w-25rem{max-width:25rem !important}.lg\:max-w-26rem{max-width:26rem !important}.lg\:max-w-27rem{max-width:27rem !important}.lg\:max-w-28rem{max-width:28rem !important}.lg\:max-w-29rem{max-width:29rem !important}.lg\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-w-0{max-width:0px !important}.xl\:max-w-full{max-width:100% !important}.xl\:max-w-screen{max-width:100vw !important}.xl\:max-w-min{max-width:min-content !important}.xl\:max-w-max{max-width:max-content !important}.xl\:max-w-fit{max-width:fit-content !important}.xl\:max-w-1rem{max-width:1rem !important}.xl\:max-w-2rem{max-width:2rem !important}.xl\:max-w-3rem{max-width:3rem !important}.xl\:max-w-4rem{max-width:4rem !important}.xl\:max-w-5rem{max-width:5rem !important}.xl\:max-w-6rem{max-width:6rem !important}.xl\:max-w-7rem{max-width:7rem !important}.xl\:max-w-8rem{max-width:8rem !important}.xl\:max-w-9rem{max-width:9rem !important}.xl\:max-w-10rem{max-width:10rem !important}.xl\:max-w-11rem{max-width:11rem !important}.xl\:max-w-12rem{max-width:12rem !important}.xl\:max-w-13rem{max-width:13rem !important}.xl\:max-w-14rem{max-width:14rem !important}.xl\:max-w-15rem{max-width:15rem !important}.xl\:max-w-16rem{max-width:16rem !important}.xl\:max-w-17rem{max-width:17rem !important}.xl\:max-w-18rem{max-width:18rem !important}.xl\:max-w-19rem{max-width:19rem !important}.xl\:max-w-20rem{max-width:20rem !important}.xl\:max-w-21rem{max-width:21rem !important}.xl\:max-w-22rem{max-width:22rem !important}.xl\:max-w-23rem{max-width:23rem !important}.xl\:max-w-24rem{max-width:24rem !important}.xl\:max-w-25rem{max-width:25rem !important}.xl\:max-w-26rem{max-width:26rem !important}.xl\:max-w-27rem{max-width:27rem !important}.xl\:max-w-28rem{max-width:28rem !important}.xl\:max-w-29rem{max-width:29rem !important}.xl\:max-w-30rem{max-width:30rem !important}}.min-h-0{min-height:0px !important}.min-h-full{min-height:100% !important}.min-h-screen{min-height:100vh !important}@media screen and (min-width: 576px){.sm\:min-h-0{min-height:0px !important}.sm\:min-h-full{min-height:100% !important}.sm\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 768px){.md\:min-h-0{min-height:0px !important}.md\:min-h-full{min-height:100% !important}.md\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 992px){.lg\:min-h-0{min-height:0px !important}.lg\:min-h-full{min-height:100% !important}.lg\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 1200px){.xl\:min-h-0{min-height:0px !important}.xl\:min-h-full{min-height:100% !important}.xl\:min-h-screen{min-height:100vh !important}}.max-h-0{max-height:0px !important}.max-h-full{max-height:100% !important}.max-h-screen{max-height:100vh !important}.max-h-min{max-height:min-content !important}.max-h-max{max-height:max-content !important}.max-h-fit{max-height:fit-content !important}.max-h-1rem{max-height:1rem !important}.max-h-2rem{max-height:2rem !important}.max-h-3rem{max-height:3rem !important}.max-h-4rem{max-height:4rem !important}.max-h-5rem{max-height:5rem !important}.max-h-6rem{max-height:6rem !important}.max-h-7rem{max-height:7rem !important}.max-h-8rem{max-height:8rem !important}.max-h-9rem{max-height:9rem !important}.max-h-10rem{max-height:10rem !important}.max-h-11rem{max-height:11rem !important}.max-h-12rem{max-height:12rem !important}.max-h-13rem{max-height:13rem !important}.max-h-14rem{max-height:14rem !important}.max-h-15rem{max-height:15rem !important}.max-h-16rem{max-height:16rem !important}.max-h-17rem{max-height:17rem !important}.max-h-18rem{max-height:18rem !important}.max-h-19rem{max-height:19rem !important}.max-h-20rem{max-height:20rem !important}.max-h-21rem{max-height:21rem !important}.max-h-22rem{max-height:22rem !important}.max-h-23rem{max-height:23rem !important}.max-h-24rem{max-height:24rem !important}.max-h-25rem{max-height:25rem !important}.max-h-26rem{max-height:26rem !important}.max-h-27rem{max-height:27rem !important}.max-h-28rem{max-height:28rem !important}.max-h-29rem{max-height:29rem !important}.max-h-30rem{max-height:30rem !important}@media screen and (min-width: 576px){.sm\:max-h-0{max-height:0px !important}.sm\:max-h-full{max-height:100% !important}.sm\:max-h-screen{max-height:100vh !important}.sm\:max-h-min{max-height:min-content !important}.sm\:max-h-max{max-height:max-content !important}.sm\:max-h-fit{max-height:fit-content !important}.sm\:max-h-1rem{max-height:1rem !important}.sm\:max-h-2rem{max-height:2rem !important}.sm\:max-h-3rem{max-height:3rem !important}.sm\:max-h-4rem{max-height:4rem !important}.sm\:max-h-5rem{max-height:5rem !important}.sm\:max-h-6rem{max-height:6rem !important}.sm\:max-h-7rem{max-height:7rem !important}.sm\:max-h-8rem{max-height:8rem !important}.sm\:max-h-9rem{max-height:9rem !important}.sm\:max-h-10rem{max-height:10rem !important}.sm\:max-h-11rem{max-height:11rem !important}.sm\:max-h-12rem{max-height:12rem !important}.sm\:max-h-13rem{max-height:13rem !important}.sm\:max-h-14rem{max-height:14rem !important}.sm\:max-h-15rem{max-height:15rem !important}.sm\:max-h-16rem{max-height:16rem !important}.sm\:max-h-17rem{max-height:17rem !important}.sm\:max-h-18rem{max-height:18rem !important}.sm\:max-h-19rem{max-height:19rem !important}.sm\:max-h-20rem{max-height:20rem !important}.sm\:max-h-21rem{max-height:21rem !important}.sm\:max-h-22rem{max-height:22rem !important}.sm\:max-h-23rem{max-height:23rem !important}.sm\:max-h-24rem{max-height:24rem !important}.sm\:max-h-25rem{max-height:25rem !important}.sm\:max-h-26rem{max-height:26rem !important}.sm\:max-h-27rem{max-height:27rem !important}.sm\:max-h-28rem{max-height:28rem !important}.sm\:max-h-29rem{max-height:29rem !important}.sm\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 768px){.md\:max-h-0{max-height:0px !important}.md\:max-h-full{max-height:100% !important}.md\:max-h-screen{max-height:100vh !important}.md\:max-h-min{max-height:min-content !important}.md\:max-h-max{max-height:max-content !important}.md\:max-h-fit{max-height:fit-content !important}.md\:max-h-1rem{max-height:1rem !important}.md\:max-h-2rem{max-height:2rem !important}.md\:max-h-3rem{max-height:3rem !important}.md\:max-h-4rem{max-height:4rem !important}.md\:max-h-5rem{max-height:5rem !important}.md\:max-h-6rem{max-height:6rem !important}.md\:max-h-7rem{max-height:7rem !important}.md\:max-h-8rem{max-height:8rem !important}.md\:max-h-9rem{max-height:9rem !important}.md\:max-h-10rem{max-height:10rem !important}.md\:max-h-11rem{max-height:11rem !important}.md\:max-h-12rem{max-height:12rem !important}.md\:max-h-13rem{max-height:13rem !important}.md\:max-h-14rem{max-height:14rem !important}.md\:max-h-15rem{max-height:15rem !important}.md\:max-h-16rem{max-height:16rem !important}.md\:max-h-17rem{max-height:17rem !important}.md\:max-h-18rem{max-height:18rem !important}.md\:max-h-19rem{max-height:19rem !important}.md\:max-h-20rem{max-height:20rem !important}.md\:max-h-21rem{max-height:21rem !important}.md\:max-h-22rem{max-height:22rem !important}.md\:max-h-23rem{max-height:23rem !important}.md\:max-h-24rem{max-height:24rem !important}.md\:max-h-25rem{max-height:25rem !important}.md\:max-h-26rem{max-height:26rem !important}.md\:max-h-27rem{max-height:27rem !important}.md\:max-h-28rem{max-height:28rem !important}.md\:max-h-29rem{max-height:29rem !important}.md\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 992px){.lg\:max-h-0{max-height:0px !important}.lg\:max-h-full{max-height:100% !important}.lg\:max-h-screen{max-height:100vh !important}.lg\:max-h-min{max-height:min-content !important}.lg\:max-h-max{max-height:max-content !important}.lg\:max-h-fit{max-height:fit-content !important}.lg\:max-h-1rem{max-height:1rem !important}.lg\:max-h-2rem{max-height:2rem !important}.lg\:max-h-3rem{max-height:3rem !important}.lg\:max-h-4rem{max-height:4rem !important}.lg\:max-h-5rem{max-height:5rem !important}.lg\:max-h-6rem{max-height:6rem !important}.lg\:max-h-7rem{max-height:7rem !important}.lg\:max-h-8rem{max-height:8rem !important}.lg\:max-h-9rem{max-height:9rem !important}.lg\:max-h-10rem{max-height:10rem !important}.lg\:max-h-11rem{max-height:11rem !important}.lg\:max-h-12rem{max-height:12rem !important}.lg\:max-h-13rem{max-height:13rem !important}.lg\:max-h-14rem{max-height:14rem !important}.lg\:max-h-15rem{max-height:15rem !important}.lg\:max-h-16rem{max-height:16rem !important}.lg\:max-h-17rem{max-height:17rem !important}.lg\:max-h-18rem{max-height:18rem !important}.lg\:max-h-19rem{max-height:19rem !important}.lg\:max-h-20rem{max-height:20rem !important}.lg\:max-h-21rem{max-height:21rem !important}.lg\:max-h-22rem{max-height:22rem !important}.lg\:max-h-23rem{max-height:23rem !important}.lg\:max-h-24rem{max-height:24rem !important}.lg\:max-h-25rem{max-height:25rem !important}.lg\:max-h-26rem{max-height:26rem !important}.lg\:max-h-27rem{max-height:27rem !important}.lg\:max-h-28rem{max-height:28rem !important}.lg\:max-h-29rem{max-height:29rem !important}.lg\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-h-0{max-height:0px !important}.xl\:max-h-full{max-height:100% !important}.xl\:max-h-screen{max-height:100vh !important}.xl\:max-h-min{max-height:min-content !important}.xl\:max-h-max{max-height:max-content !important}.xl\:max-h-fit{max-height:fit-content !important}.xl\:max-h-1rem{max-height:1rem !important}.xl\:max-h-2rem{max-height:2rem !important}.xl\:max-h-3rem{max-height:3rem !important}.xl\:max-h-4rem{max-height:4rem !important}.xl\:max-h-5rem{max-height:5rem !important}.xl\:max-h-6rem{max-height:6rem !important}.xl\:max-h-7rem{max-height:7rem !important}.xl\:max-h-8rem{max-height:8rem !important}.xl\:max-h-9rem{max-height:9rem !important}.xl\:max-h-10rem{max-height:10rem !important}.xl\:max-h-11rem{max-height:11rem !important}.xl\:max-h-12rem{max-height:12rem !important}.xl\:max-h-13rem{max-height:13rem !important}.xl\:max-h-14rem{max-height:14rem !important}.xl\:max-h-15rem{max-height:15rem !important}.xl\:max-h-16rem{max-height:16rem !important}.xl\:max-h-17rem{max-height:17rem !important}.xl\:max-h-18rem{max-height:18rem !important}.xl\:max-h-19rem{max-height:19rem !important}.xl\:max-h-20rem{max-height:20rem !important}.xl\:max-h-21rem{max-height:21rem !important}.xl\:max-h-22rem{max-height:22rem !important}.xl\:max-h-23rem{max-height:23rem !important}.xl\:max-h-24rem{max-height:24rem !important}.xl\:max-h-25rem{max-height:25rem !important}.xl\:max-h-26rem{max-height:26rem !important}.xl\:max-h-27rem{max-height:27rem !important}.xl\:max-h-28rem{max-height:28rem !important}.xl\:max-h-29rem{max-height:29rem !important}.xl\:max-h-30rem{max-height:30rem !important}}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}@media screen and (min-width: 576px){.sm\:static{position:static !important}.sm\:fixed{position:fixed !important}.sm\:absolute{position:absolute !important}.sm\:relative{position:relative !important}.sm\:sticky{position:sticky !important}}@media screen and (min-width: 768px){.md\:static{position:static !important}.md\:fixed{position:fixed !important}.md\:absolute{position:absolute !important}.md\:relative{position:relative !important}.md\:sticky{position:sticky !important}}@media screen and (min-width: 992px){.lg\:static{position:static !important}.lg\:fixed{position:fixed !important}.lg\:absolute{position:absolute !important}.lg\:relative{position:relative !important}.lg\:sticky{position:sticky !important}}@media screen and (min-width: 1200px){.xl\:static{position:static !important}.xl\:fixed{position:fixed !important}.xl\:absolute{position:absolute !important}.xl\:relative{position:relative !important}.xl\:sticky{position:sticky !important}}.top-auto{top:auto !important}.top-0{top:0px !important}.top-50{top:50% !important}.top-100{top:100% !important}@media screen and (min-width: 576px){.sm\:top-auto{top:auto !important}.sm\:top-0{top:0px !important}.sm\:top-50{top:50% !important}.sm\:top-100{top:100% !important}}@media screen and (min-width: 768px){.md\:top-auto{top:auto !important}.md\:top-0{top:0px !important}.md\:top-50{top:50% !important}.md\:top-100{top:100% !important}}@media screen and (min-width: 992px){.lg\:top-auto{top:auto !important}.lg\:top-0{top:0px !important}.lg\:top-50{top:50% !important}.lg\:top-100{top:100% !important}}@media screen and (min-width: 1200px){.xl\:top-auto{top:auto !important}.xl\:top-0{top:0px !important}.xl\:top-50{top:50% !important}.xl\:top-100{top:100% !important}}.left-auto{left:auto !important}.left-0{left:0px !important}.left-50{left:50% !important}.left-100{left:100% !important}@media screen and (min-width: 576px){.sm\:left-auto{left:auto !important}.sm\:left-0{left:0px !important}.sm\:left-50{left:50% !important}.sm\:left-100{left:100% !important}}@media screen and (min-width: 768px){.md\:left-auto{left:auto !important}.md\:left-0{left:0px !important}.md\:left-50{left:50% !important}.md\:left-100{left:100% !important}}@media screen and (min-width: 992px){.lg\:left-auto{left:auto !important}.lg\:left-0{left:0px !important}.lg\:left-50{left:50% !important}.lg\:left-100{left:100% !important}}@media screen and (min-width: 1200px){.xl\:left-auto{left:auto !important}.xl\:left-0{left:0px !important}.xl\:left-50{left:50% !important}.xl\:left-100{left:100% !important}}.right-auto{right:auto !important}.right-0{right:0px !important}.right-50{right:50% !important}.right-100{right:100% !important}@media screen and (min-width: 576px){.sm\:right-auto{right:auto !important}.sm\:right-0{right:0px !important}.sm\:right-50{right:50% !important}.sm\:right-100{right:100% !important}}@media screen and (min-width: 768px){.md\:right-auto{right:auto !important}.md\:right-0{right:0px !important}.md\:right-50{right:50% !important}.md\:right-100{right:100% !important}}@media screen and (min-width: 992px){.lg\:right-auto{right:auto !important}.lg\:right-0{right:0px !important}.lg\:right-50{right:50% !important}.lg\:right-100{right:100% !important}}@media screen and (min-width: 1200px){.xl\:right-auto{right:auto !important}.xl\:right-0{right:0px !important}.xl\:right-50{right:50% !important}.xl\:right-100{right:100% !important}}.bottom-auto{bottom:auto !important}.bottom-0{bottom:0px !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}@media screen and (min-width: 576px){.sm\:bottom-auto{bottom:auto !important}.sm\:bottom-0{bottom:0px !important}.sm\:bottom-50{bottom:50% !important}.sm\:bottom-100{bottom:100% !important}}@media screen and (min-width: 768px){.md\:bottom-auto{bottom:auto !important}.md\:bottom-0{bottom:0px !important}.md\:bottom-50{bottom:50% !important}.md\:bottom-100{bottom:100% !important}}@media screen and (min-width: 992px){.lg\:bottom-auto{bottom:auto !important}.lg\:bottom-0{bottom:0px !important}.lg\:bottom-50{bottom:50% !important}.lg\:bottom-100{bottom:100% !important}}@media screen and (min-width: 1200px){.xl\:bottom-auto{bottom:auto !important}.xl\:bottom-0{bottom:0px !important}.xl\:bottom-50{bottom:50% !important}.xl\:bottom-100{bottom:100% !important}}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-auto{overflow:auto !important}.sm\:overflow-hidden{overflow:hidden !important}.sm\:overflow-visible{overflow:visible !important}.sm\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-auto{overflow:auto !important}.md\:overflow-hidden{overflow:hidden !important}.md\:overflow-visible{overflow:visible !important}.md\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-auto{overflow:auto !important}.lg\:overflow-hidden{overflow:hidden !important}.lg\:overflow-visible{overflow:visible !important}.lg\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-auto{overflow:auto !important}.xl\:overflow-hidden{overflow:hidden !important}.xl\:overflow-visible{overflow:visible !important}.xl\:overflow-scroll{overflow:scroll !important}}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-x-auto{overflow-x:auto !important}.sm\:overflow-x-hidden{overflow-x:hidden !important}.sm\:overflow-x-visible{overflow-x:visible !important}.sm\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-x-auto{overflow-x:auto !important}.md\:overflow-x-hidden{overflow-x:hidden !important}.md\:overflow-x-visible{overflow-x:visible !important}.md\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-x-auto{overflow-x:auto !important}.lg\:overflow-x-hidden{overflow-x:hidden !important}.lg\:overflow-x-visible{overflow-x:visible !important}.lg\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-x-auto{overflow-x:auto !important}.xl\:overflow-x-hidden{overflow-x:hidden !important}.xl\:overflow-x-visible{overflow-x:visible !important}.xl\:overflow-x-scroll{overflow-x:scroll !important}}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-y-auto{overflow-y:auto !important}.sm\:overflow-y-hidden{overflow-y:hidden !important}.sm\:overflow-y-visible{overflow-y:visible !important}.sm\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-y-auto{overflow-y:auto !important}.md\:overflow-y-hidden{overflow-y:hidden !important}.md\:overflow-y-visible{overflow-y:visible !important}.md\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-y-auto{overflow-y:auto !important}.lg\:overflow-y-hidden{overflow-y:hidden !important}.lg\:overflow-y-visible{overflow-y:visible !important}.lg\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-y-auto{overflow-y:auto !important}.xl\:overflow-y-hidden{overflow-y:hidden !important}.xl\:overflow-y-visible{overflow-y:visible !important}.xl\:overflow-y-scroll{overflow-y:scroll !important}}.z-auto{z-index:auto !important}.z-0{z-index:0 !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}.z-4{z-index:4 !important}.z-5{z-index:5 !important}@media screen and (min-width: 576px){.sm\:z-auto{z-index:auto !important}.sm\:z-0{z-index:0 !important}.sm\:z-1{z-index:1 !important}.sm\:z-2{z-index:2 !important}.sm\:z-3{z-index:3 !important}.sm\:z-4{z-index:4 !important}.sm\:z-5{z-index:5 !important}}@media screen and (min-width: 768px){.md\:z-auto{z-index:auto !important}.md\:z-0{z-index:0 !important}.md\:z-1{z-index:1 !important}.md\:z-2{z-index:2 !important}.md\:z-3{z-index:3 !important}.md\:z-4{z-index:4 !important}.md\:z-5{z-index:5 !important}}@media screen and (min-width: 992px){.lg\:z-auto{z-index:auto !important}.lg\:z-0{z-index:0 !important}.lg\:z-1{z-index:1 !important}.lg\:z-2{z-index:2 !important}.lg\:z-3{z-index:3 !important}.lg\:z-4{z-index:4 !important}.lg\:z-5{z-index:5 !important}}@media screen and (min-width: 1200px){.xl\:z-auto{z-index:auto !important}.xl\:z-0{z-index:0 !important}.xl\:z-1{z-index:1 !important}.xl\:z-2{z-index:2 !important}.xl\:z-3{z-index:3 !important}.xl\:z-4{z-index:4 !important}.xl\:z-5{z-index:5 !important}}.bg-repeat{background-repeat:repeat !important}.bg-no-repeat{background-repeat:no-repeat !important}.bg-repeat-x{background-repeat:repeat-x !important}.bg-repeat-y{background-repeat:repeat-y !important}.bg-repeat-round{background-repeat:round !important}.bg-repeat-space{background-repeat:space !important}@media screen and (min-width: 576px){.sm\:bg-repeat{background-repeat:repeat !important}.sm\:bg-no-repeat{background-repeat:no-repeat !important}.sm\:bg-repeat-x{background-repeat:repeat-x !important}.sm\:bg-repeat-y{background-repeat:repeat-y !important}.sm\:bg-repeat-round{background-repeat:round !important}.sm\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 768px){.md\:bg-repeat{background-repeat:repeat !important}.md\:bg-no-repeat{background-repeat:no-repeat !important}.md\:bg-repeat-x{background-repeat:repeat-x !important}.md\:bg-repeat-y{background-repeat:repeat-y !important}.md\:bg-repeat-round{background-repeat:round !important}.md\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 992px){.lg\:bg-repeat{background-repeat:repeat !important}.lg\:bg-no-repeat{background-repeat:no-repeat !important}.lg\:bg-repeat-x{background-repeat:repeat-x !important}.lg\:bg-repeat-y{background-repeat:repeat-y !important}.lg\:bg-repeat-round{background-repeat:round !important}.lg\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 1200px){.xl\:bg-repeat{background-repeat:repeat !important}.xl\:bg-no-repeat{background-repeat:no-repeat !important}.xl\:bg-repeat-x{background-repeat:repeat-x !important}.xl\:bg-repeat-y{background-repeat:repeat-y !important}.xl\:bg-repeat-round{background-repeat:round !important}.xl\:bg-repeat-space{background-repeat:space !important}}.bg-auto{background-size:auto !important}.bg-cover{background-size:cover !important}.bg-contain{background-size:contain !important}@media screen and (min-width: 576px){.sm\:bg-auto{background-size:auto !important}.sm\:bg-cover{background-size:cover !important}.sm\:bg-contain{background-size:contain !important}}@media screen and (min-width: 768px){.md\:bg-auto{background-size:auto !important}.md\:bg-cover{background-size:cover !important}.md\:bg-contain{background-size:contain !important}}@media screen and (min-width: 992px){.lg\:bg-auto{background-size:auto !important}.lg\:bg-cover{background-size:cover !important}.lg\:bg-contain{background-size:contain !important}}@media screen and (min-width: 1200px){.xl\:bg-auto{background-size:auto !important}.xl\:bg-cover{background-size:cover !important}.xl\:bg-contain{background-size:contain !important}}.bg-bottom{background-position:bottom !important}.bg-center{background-position:center !important}.bg-left{background-position:left !important}.bg-left-bottom{background-position:left bottom !important}.bg-left-top{background-position:left top !important}.bg-right{background-position:right !important}.bg-right-bottom{background-position:right bottom !important}.bg-right-top{background-position:right top !important}.bg-top{background-position:top !important}@media screen and (min-width: 576px){.sm\:bg-bottom{background-position:bottom !important}.sm\:bg-center{background-position:center !important}.sm\:bg-left{background-position:left !important}.sm\:bg-left-bottom{background-position:left bottom !important}.sm\:bg-left-top{background-position:left top !important}.sm\:bg-right{background-position:right !important}.sm\:bg-right-bottom{background-position:right bottom !important}.sm\:bg-right-top{background-position:right top !important}.sm\:bg-top{background-position:top !important}}@media screen and (min-width: 768px){.md\:bg-bottom{background-position:bottom !important}.md\:bg-center{background-position:center !important}.md\:bg-left{background-position:left !important}.md\:bg-left-bottom{background-position:left bottom !important}.md\:bg-left-top{background-position:left top !important}.md\:bg-right{background-position:right !important}.md\:bg-right-bottom{background-position:right bottom !important}.md\:bg-right-top{background-position:right top !important}.md\:bg-top{background-position:top !important}}@media screen and (min-width: 992px){.lg\:bg-bottom{background-position:bottom !important}.lg\:bg-center{background-position:center !important}.lg\:bg-left{background-position:left !important}.lg\:bg-left-bottom{background-position:left bottom !important}.lg\:bg-left-top{background-position:left top !important}.lg\:bg-right{background-position:right !important}.lg\:bg-right-bottom{background-position:right bottom !important}.lg\:bg-right-top{background-position:right top !important}.lg\:bg-top{background-position:top !important}}@media screen and (min-width: 1200px){.xl\:bg-bottom{background-position:bottom !important}.xl\:bg-center{background-position:center !important}.xl\:bg-left{background-position:left !important}.xl\:bg-left-bottom{background-position:left bottom !important}.xl\:bg-left-top{background-position:left top !important}.xl\:bg-right{background-position:right !important}.xl\:bg-right-bottom{background-position:right bottom !important}.xl\:bg-right-top{background-position:right top !important}.xl\:bg-top{background-position:top !important}}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.list-none{list-style:none !important}.list-disc{list-style:disc !important}.list-decimal{list-style:decimal !important}.appearance-none{appearance:none !important}.outline-none{outline:none !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.cursor-auto{cursor:auto !important}.cursor-pointer{cursor:pointer !important}.cursor-wait{cursor:wait !important}.cursor-move{cursor:move !important}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.opacity-0{opacity:0 !important}.opacity-10{opacity:.1 !important}.opacity-20{opacity:.2 !important}.opacity-30{opacity:.3 !important}.opacity-40{opacity:.4 !important}.opacity-50{opacity:.5 !important}.opacity-60{opacity:.6 !important}.opacity-70{opacity:.7 !important}.opacity-80{opacity:.8 !important}.opacity-90{opacity:.9 !important}.opacity-100{opacity:1 !important}.transition-none{transition-property:none !important}.transition-all{transition-property:all !important}.transition-colors{transition-property:background-color,border-color,color !important}.transition-transform{transition-property:transform !important}.transition-duration-100{transition-duration:100ms !important}.transition-duration-150{transition-duration:150ms !important}.transition-duration-200{transition-duration:200ms !important}.transition-duration-300{transition-duration:300ms !important}.transition-duration-400{transition-duration:400ms !important}.transition-duration-500{transition-duration:500ms !important}.transition-duration-1000{transition-duration:1000ms !important}.transition-duration-2000{transition-duration:2000ms !important}.transition-duration-3000{transition-duration:3000ms !important}.transition-linear{transition-timing-function:linear !important}.transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.transition-ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.transition-ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.transition-delay-100{transition-delay:100ms !important}.transition-delay-150{transition-delay:150ms !important}.transition-delay-200{transition-delay:200ms !important}.transition-delay-300{transition-delay:300ms !important}.transition-delay-400{transition-delay:400ms !important}.transition-delay-500{transition-delay:500ms !important}.transition-delay-1000{transition-delay:1000ms !important}.translate-x-0{transform:translateX(0%) !important}.translate-x-100{transform:translateX(100%) !important}.-translate-x-100{transform:translateX(-100%) !important}.translate-y-0{transform:translateY(0%) !important}.translate-y-100{transform:translateY(100%) !important}.-translate-y-100{transform:translateY(-100%) !important}@media screen and (min-width: 576px){.sm\:translate-x-0{transform:translateX(0%) !important}.sm\:translate-x-100{transform:translateX(100%) !important}.sm\:-translate-x-100{transform:translateX(-100%) !important}.sm\:translate-y-0{transform:translateY(0%) !important}.sm\:translate-y-100{transform:translateY(100%) !important}.sm\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 768px){.md\:translate-x-0{transform:translateX(0%) !important}.md\:translate-x-100{transform:translateX(100%) !important}.md\:-translate-x-100{transform:translateX(-100%) !important}.md\:translate-y-0{transform:translateY(0%) !important}.md\:translate-y-100{transform:translateY(100%) !important}.md\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 992px){.lg\:translate-x-0{transform:translateX(0%) !important}.lg\:translate-x-100{transform:translateX(100%) !important}.lg\:-translate-x-100{transform:translateX(-100%) !important}.lg\:translate-y-0{transform:translateY(0%) !important}.lg\:translate-y-100{transform:translateY(100%) !important}.lg\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 1200px){.xl\:translate-x-0{transform:translateX(0%) !important}.xl\:translate-x-100{transform:translateX(100%) !important}.xl\:-translate-x-100{transform:translateX(-100%) !important}.xl\:translate-y-0{transform:translateY(0%) !important}.xl\:translate-y-100{transform:translateY(100%) !important}.xl\:-translate-y-100{transform:translateY(-100%) !important}}.rotate-45{transform:rotate(45deg) !important}.-rotate-45{transform:rotate(-45deg) !important}.rotate-90{transform:rotate(90deg) !important}.-rotate-90{transform:rotate(-90deg) !important}.rotate-180{transform:rotate(180deg) !important}.-rotate-180{transform:rotate(-180deg) !important}@media screen and (min-width: 576px){.sm\:rotate-45{transform:rotate(45deg) !important}.sm\:-rotate-45{transform:rotate(-45deg) !important}.sm\:rotate-90{transform:rotate(90deg) !important}.sm\:-rotate-90{transform:rotate(-90deg) !important}.sm\:rotate-180{transform:rotate(180deg) !important}.sm\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 768px){.md\:rotate-45{transform:rotate(45deg) !important}.md\:-rotate-45{transform:rotate(-45deg) !important}.md\:rotate-90{transform:rotate(90deg) !important}.md\:-rotate-90{transform:rotate(-90deg) !important}.md\:rotate-180{transform:rotate(180deg) !important}.md\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 992px){.lg\:rotate-45{transform:rotate(45deg) !important}.lg\:-rotate-45{transform:rotate(-45deg) !important}.lg\:rotate-90{transform:rotate(90deg) !important}.lg\:-rotate-90{transform:rotate(-90deg) !important}.lg\:rotate-180{transform:rotate(180deg) !important}.lg\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 1200px){.xl\:rotate-45{transform:rotate(45deg) !important}.xl\:-rotate-45{transform:rotate(-45deg) !important}.xl\:rotate-90{transform:rotate(90deg) !important}.xl\:-rotate-90{transform:rotate(-90deg) !important}.xl\:rotate-180{transform:rotate(180deg) !important}.xl\:-rotate-180{transform:rotate(-180deg) !important}}.origin-center{transform-origin:center !important}.origin-top{transform-origin:top !important}.origin-top-right{transform-origin:top right !important}.origin-right{transform-origin:right !important}.origin-bottom-right{transform-origin:bottom right !important}.origin-bottom{transform-origin:bottom !important}.origin-bottom-left{transform-origin:bottom left !important}.origin-left{transform-origin:left !important}.origin-top-left{transform-origin:top-left !important}@media screen and (min-width: 576px){.sm\:origin-center{transform-origin:center !important}.sm\:origin-top{transform-origin:top !important}.sm\:origin-top-right{transform-origin:top right !important}.sm\:origin-right{transform-origin:right !important}.sm\:origin-bottom-right{transform-origin:bottom right !important}.sm\:origin-bottom{transform-origin:bottom !important}.sm\:origin-bottom-left{transform-origin:bottom left !important}.sm\:origin-left{transform-origin:left !important}.sm\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 768px){.md\:origin-center{transform-origin:center !important}.md\:origin-top{transform-origin:top !important}.md\:origin-top-right{transform-origin:top right !important}.md\:origin-right{transform-origin:right !important}.md\:origin-bottom-right{transform-origin:bottom right !important}.md\:origin-bottom{transform-origin:bottom !important}.md\:origin-bottom-left{transform-origin:bottom left !important}.md\:origin-left{transform-origin:left !important}.md\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 992px){.lg\:origin-center{transform-origin:center !important}.lg\:origin-top{transform-origin:top !important}.lg\:origin-top-right{transform-origin:top right !important}.lg\:origin-right{transform-origin:right !important}.lg\:origin-bottom-right{transform-origin:bottom right !important}.lg\:origin-bottom{transform-origin:bottom !important}.lg\:origin-bottom-left{transform-origin:bottom left !important}.lg\:origin-left{transform-origin:left !important}.lg\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 1200px){.xl\:origin-center{transform-origin:center !important}.xl\:origin-top{transform-origin:top !important}.xl\:origin-top-right{transform-origin:top right !important}.xl\:origin-right{transform-origin:right !important}.xl\:origin-bottom-right{transform-origin:bottom right !important}.xl\:origin-bottom{transform-origin:bottom !important}.xl\:origin-bottom-left{transform-origin:bottom left !important}.xl\:origin-left{transform-origin:left !important}.xl\:origin-top-left{transform-origin:top-left !important}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes scalein{0%{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:scaleY(1)}}@keyframes slidedown{0%{max-height:0}100%{max-height:auto}}@keyframes slideup{0%{max-height:1000px}100%{max-height:0}}@keyframes fadeinleft{0%{opacity:0;transform:translateX(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutleft{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(-100%)}}@keyframes fadeinright{0%{opacity:0;transform:translateX(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutright{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(100%)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutup{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(-100%)}}@keyframes fadeindown{0%{opacity:0;transform:translateY(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutdown{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(100%)}}@keyframes animate-width{0%{width:0}100%{width:100%}}.fadein{animation:fadein .15s linear}.fadeout{animation:fadeout .15s linear}.slidedown{animation:slidedown .45s ease-in-out}.slideup{animation:slideup .45s cubic-bezier(0, 1, 0, 1)}.scalein{animation:scalein .15s linear}.fadeinleft{animation:fadeinleft .15s linear}.fadeoutleft{animation:fadeoutleft .15s linear}.fadeinright{animation:fadeinright .15s linear}.fadeoutright{animation:fadeoutright .15s linear}.fadeinup{animation:fadeinup .15s linear}.fadeoutup{animation:fadeoutup .15s linear}.fadeindown{animation:fadeindown .15s linear}.fadeoutdown{animation:fadeoutdown .15s linear}.animate-width{animation:animate-width 1000ms linear}.animation-duration-100{animation-duration:100ms !important}.animation-duration-150{animation-duration:150ms !important}.animation-duration-200{animation-duration:200ms !important}.animation-duration-300{animation-duration:300ms !important}.animation-duration-400{animation-duration:400ms !important}.animation-duration-500{animation-duration:500ms !important}.animation-duration-1000{animation-duration:1000ms !important}.animation-duration-2000{animation-duration:2000ms !important}.animation-duration-3000{animation-duration:3000ms !important}.animation-delay-100{animation-delay:100ms !important}.animation-delay-150{animation-delay:150ms !important}.animation-delay-200{animation-delay:200ms !important}.animation-delay-300{animation-delay:300ms !important}.animation-delay-400{animation-delay:400ms !important}.animation-delay-500{animation-delay:500ms !important}.animation-delay-1000{animation-delay:1000ms !important}.animation-iteration-1{animation-iteration-count:1 !important}.animation-iteration-2{animation-iteration-count:2 !important}.animation-iteration-infinite{animation-iteration-count:infinite !important}.animation-linear{animation-timing-function:linear !important}.animation-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.animation-ease-out{animation-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.animation-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.animation-fill-none{animation-fill-mode:none !important}.animation-fill-forwards{animation-fill-mode:forwards !important}.animation-fill-backwards{animation-fill-mode:backwards !important}.animation-fill-both{animation-fill-mode:both !important} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/freya-layout/css/primeicons.css b/src/main/resources/META-INF/resources/freya-layout/css/primeicons.css new file mode 100644 index 0000000..397a28e --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/css/primeicons.css @@ -0,0 +1,1017 @@ +@font-face { + font-family: 'primeicons'; + font-display: block; + src: url("#{resource['freya-layout:icons/primeicons.eot']}"); + src: url("#{resource['freya-layout:icons/primeicons.eot']}#iefix") format('embedded-opentype'), + url("#{resource['freya-layout:icons/primeicons.ttf']}") format('truetype'), + url("#{resource['freya-layout:icons/primeicons.woff']}") format('woff'), + url("#{resource['freya-layout:icons/primeicons.svg']}#primeicons") format('svg'); + font-weight: normal; + font-style: normal; +} + +.pi { + font-family: 'primeicons'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.pi:before { + --webkit-backface-visibility:hidden; + backface-visibility: hidden; +} + +.pi-fw { + width: 1.28571429em; + text-align: center; +} + +.pi-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +.pi-sort-alt-slash:before { + content: "\e9ee"; +} + +.pi-arrows-h:before { + content: "\e9ec"; +} + +.pi-arrows-v:before { + content: "\e9ed"; +} + +.pi-pound:before { + content: "\e9eb"; +} + +.pi-prime:before { + content: "\e9ea"; +} + +.pi-chart-pie:before { + content: "\e9e9"; +} + +.pi-reddit:before { + content: "\e9e8"; +} + +.pi-code:before { + content: "\e9e7"; +} + +.pi-sync:before { + content: "\e9e6"; +} + +.pi-shopping-bag:before { + content: "\e9e5"; +} + +.pi-server:before { + content: "\e9e4"; +} + +.pi-database:before { + content: "\e9e3"; +} + +.pi-hashtag:before { + content: "\e9e2"; +} + +.pi-bookmark-fill:before { + content: "\e9df"; +} + +.pi-filter-fill:before { + content: "\e9e0"; +} + +.pi-heart-fill:before { + content: "\e9e1"; +} + +.pi-flag-fill:before { + content: "\e9de"; +} + +.pi-circle:before { + content: "\e9dc"; +} + +.pi-circle-fill:before { + content: "\e9dd"; +} + +.pi-bolt:before { + content: "\e9db"; +} + +.pi-history:before { + content: "\e9da"; +} + +.pi-box:before { + content: "\e9d9"; +} + +.pi-at:before { + content: "\e9d8"; +} + +.pi-arrow-up-right:before { + content: "\e9d4"; +} + +.pi-arrow-up-left:before { + content: "\e9d5"; +} + +.pi-arrow-down-left:before { + content: "\e9d6"; +} + +.pi-arrow-down-right:before { + content: "\e9d7"; +} + +.pi-telegram:before { + content: "\e9d3"; +} + +.pi-stop-circle:before { + content: "\e9d2"; +} + +.pi-stop:before { + content: "\e9d1"; +} + +.pi-whatsapp:before { + content: "\e9d0"; +} + +.pi-building:before { + content: "\e9cf"; +} + +.pi-qrcode:before { + content: "\e9ce"; +} + +.pi-car:before { + content: "\e9cd"; +} + +.pi-instagram:before { + content: "\e9cc"; +} + +.pi-linkedin:before { + content: "\e9cb"; +} + +.pi-send:before { + content: "\e9ca"; +} + +.pi-slack:before { + content: "\e9c9"; +} + +.pi-sun:before { + content: "\e9c8"; +} + +.pi-moon:before { + content: "\e9c7"; +} + +.pi-vimeo:before { + content: "\e9c6"; +} + +.pi-youtube:before { + content: "\e9c5"; +} + +.pi-flag:before { + content: "\e9c4"; +} + +.pi-wallet:before { + content: "\e9c3"; +} + +.pi-map:before { + content: "\e9c2"; +} + +.pi-link:before { + content: "\e9c1"; +} + +.pi-credit-card:before { + content: "\e9bf"; +} + +.pi-discord:before { + content: "\e9c0"; +} + +.pi-percentage:before { + content: "\e9be"; +} + +.pi-euro:before { + content: "\e9bd"; +} + +.pi-book:before { + content: "\e9ba"; +} + +.pi-shield:before { + content: "\e9b9"; +} + +.pi-paypal:before { + content: "\e9bb"; +} + +.pi-amazon:before { + content: "\e9bc"; +} + +.pi-phone:before { + content: "\e9b8"; +} + +.pi-filter-slash:before { + content: "\e9b7"; +} + +.pi-facebook:before { + content: "\e9b4"; +} + +.pi-github:before { + content: "\e9b5"; +} + +.pi-twitter:before { + content: "\e9b6"; +} + +.pi-step-backward-alt:before { + content: "\e9ac"; +} + +.pi-step-forward-alt:before { + content: "\e9ad"; +} + +.pi-forward:before { + content: "\e9ae"; +} + +.pi-backward:before { + content: "\e9af"; +} + +.pi-fast-backward:before { + content: "\e9b0"; +} + +.pi-fast-forward:before { + content: "\e9b1"; +} + +.pi-pause:before { + content: "\e9b2"; +} + +.pi-play:before { + content: "\e9b3"; +} + +.pi-compass:before { + content: "\e9ab"; +} + +.pi-id-card:before { + content: "\e9aa"; +} + +.pi-ticket:before { + content: "\e9a9"; +} + +.pi-file-o:before { + content: "\e9a8"; +} + +.pi-reply:before { + content: "\e9a7"; +} + +.pi-directions-alt:before { + content: "\e9a5"; +} + +.pi-directions:before { + content: "\e9a6"; +} + +.pi-thumbs-up:before { + content: "\e9a3"; +} + +.pi-thumbs-down:before { + content: "\e9a4"; +} + +.pi-sort-numeric-down-alt:before { + content: "\e996"; +} + +.pi-sort-numeric-up-alt:before { + content: "\e997"; +} + +.pi-sort-alpha-down-alt:before { + content: "\e998"; +} + +.pi-sort-alpha-up-alt:before { + content: "\e999"; +} + +.pi-sort-numeric-down:before { + content: "\e99a"; +} + +.pi-sort-numeric-up:before { + content: "\e99b"; +} + +.pi-sort-alpha-down:before { + content: "\e99c"; +} + +.pi-sort-alpha-up:before { + content: "\e99d"; +} + +.pi-sort-alt:before { + content: "\e99e"; +} + +.pi-sort-amount-up:before { + content: "\e99f"; +} + +.pi-sort-amount-down:before { + content: "\e9a0"; +} + +.pi-sort-amount-down-alt:before { + content: "\e9a1"; +} + +.pi-sort-amount-up-alt:before { + content: "\e9a2"; +} + +.pi-palette:before { + content: "\e995"; +} + +.pi-undo:before { + content: "\e994"; +} + +.pi-desktop:before { + content: "\e993"; +} + +.pi-sliders-v:before { + content: "\e991"; +} + +.pi-sliders-h:before { + content: "\e992"; +} + +.pi-search-plus:before { + content: "\e98f"; +} + +.pi-search-minus:before { + content: "\e990"; +} + +.pi-file-excel:before { + content: "\e98e"; +} + +.pi-file-pdf:before { + content: "\e98d"; +} + +.pi-check-square:before { + content: "\e98c"; +} + +.pi-chart-line:before { + content: "\e98b"; +} + +.pi-user-edit:before { + content: "\e98a"; +} + +.pi-exclamation-circle:before { + content: "\e989"; +} + +.pi-android:before { + content: "\e985"; +} + +.pi-google:before { + content: "\e986"; +} + +.pi-apple:before { + content: "\e987"; +} + +.pi-microsoft:before { + content: "\e988"; +} + +.pi-heart:before { + content: "\e984"; +} + +.pi-mobile:before { + content: "\e982"; +} + +.pi-tablet:before { + content: "\e983"; +} + +.pi-key:before { + content: "\e981"; +} + +.pi-shopping-cart:before { + content: "\e980"; +} + +.pi-comments:before { + content: "\e97e"; +} + +.pi-comment:before { + content: "\e97f"; +} + +.pi-briefcase:before { + content: "\e97d"; +} + +.pi-bell:before { + content: "\e97c"; +} + +.pi-paperclip:before { + content: "\e97b"; +} + +.pi-share-alt:before { + content: "\e97a"; +} + +.pi-envelope:before { + content: "\e979"; +} + +.pi-volume-down:before { + content: "\e976"; +} + +.pi-volume-up:before { + content: "\e977"; +} + +.pi-volume-off:before { + content: "\e978"; +} + +.pi-eject:before { + content: "\e975"; +} + +.pi-money-bill:before { + content: "\e974"; +} + +.pi-images:before { + content: "\e973"; +} + +.pi-image:before { + content: "\e972"; +} + +.pi-sign-in:before { + content: "\e970"; +} + +.pi-sign-out:before { + content: "\e971"; +} + +.pi-wifi:before { + content: "\e96f"; +} + +.pi-sitemap:before { + content: "\e96e"; +} + +.pi-chart-bar:before { + content: "\e96d"; +} + +.pi-camera:before { + content: "\e96c"; +} + +.pi-dollar:before { + content: "\e96b"; +} + +.pi-lock-open:before { + content: "\e96a"; +} + +.pi-table:before { + content: "\e969"; +} + +.pi-map-marker:before { + content: "\e968"; +} + +.pi-list:before { + content: "\e967"; +} + +.pi-eye-slash:before { + content: "\e965"; +} + +.pi-eye:before { + content: "\e966"; +} + +.pi-folder-open:before { + content: "\e964"; +} + +.pi-folder:before { + content: "\e963"; +} + +.pi-video:before { + content: "\e962"; +} + +.pi-inbox:before { + content: "\e961"; +} + +.pi-lock:before { + content: "\e95f"; +} + +.pi-unlock:before { + content: "\e960"; +} + +.pi-tags:before { + content: "\e95d"; +} + +.pi-tag:before { + content: "\e95e"; +} + +.pi-power-off:before { + content: "\e95c"; +} + +.pi-save:before { + content: "\e95b"; +} + +.pi-question-circle:before { + content: "\e959"; +} + +.pi-question:before { + content: "\e95a"; +} + +.pi-copy:before { + content: "\e957"; +} + +.pi-file:before { + content: "\e958"; +} + +.pi-clone:before { + content: "\e955"; +} + +.pi-calendar-times:before { + content: "\e952"; +} + +.pi-calendar-minus:before { + content: "\e953"; +} + +.pi-calendar-plus:before { + content: "\e954"; +} + +.pi-ellipsis-v:before { + content: "\e950"; +} + +.pi-ellipsis-h:before { + content: "\e951"; +} + +.pi-bookmark:before { + content: "\e94e"; +} + +.pi-globe:before { + content: "\e94f"; +} + +.pi-replay:before { + content: "\e94d"; +} + +.pi-filter:before { + content: "\e94c"; +} + +.pi-print:before { + content: "\e94b"; +} + +.pi-align-right:before { + content: "\e946"; +} + +.pi-align-left:before { + content: "\e947"; +} + +.pi-align-center:before { + content: "\e948"; +} + +.pi-align-justify:before { + content: "\e949"; +} + +.pi-cog:before { + content: "\e94a"; +} + +.pi-cloud-download:before { + content: "\e943"; +} + +.pi-cloud-upload:before { + content: "\e944"; +} + +.pi-cloud:before { + content: "\e945"; +} + +.pi-pencil:before { + content: "\e942"; +} + +.pi-users:before { + content: "\e941"; +} + +.pi-clock:before { + content: "\e940"; +} + +.pi-user-minus:before { + content: "\e93e"; +} + +.pi-user-plus:before { + content: "\e93f"; +} + +.pi-trash:before { + content: "\e93d"; +} + +.pi-external-link:before { + content: "\e93c"; +} + +.pi-window-maximize:before { + content: "\e93b"; +} + +.pi-window-minimize:before { + content: "\e93a"; +} + +.pi-refresh:before { + content: "\e938"; +} + +.pi-user:before { + content: "\e939"; +} + +.pi-exclamation-triangle:before { + content: "\e922"; +} + +.pi-calendar:before { + content: "\e927"; +} + +.pi-chevron-circle-left:before { + content: "\e928"; +} + +.pi-chevron-circle-down:before { + content: "\e929"; +} + +.pi-chevron-circle-right:before { + content: "\e92a"; +} + +.pi-chevron-circle-up:before { + content: "\e92b"; +} + +.pi-angle-double-down:before { + content: "\e92c"; +} + +.pi-angle-double-left:before { + content: "\e92d"; +} + +.pi-angle-double-right:before { + content: "\e92e"; +} + +.pi-angle-double-up:before { + content: "\e92f"; +} + +.pi-angle-down:before { + content: "\e930"; +} + +.pi-angle-left:before { + content: "\e931"; +} + +.pi-angle-right:before { + content: "\e932"; +} + +.pi-angle-up:before { + content: "\e933"; +} + +.pi-upload:before { + content: "\e934"; +} + +.pi-download:before { + content: "\e956"; +} + +.pi-ban:before { + content: "\e935"; +} + +.pi-star-fill:before { + content: "\e936"; +} + +.pi-star:before { + content: "\e937"; +} + +.pi-chevron-left:before { + content: "\e900"; +} + +.pi-chevron-right:before { + content: "\e901"; +} + +.pi-chevron-down:before { + content: "\e902"; +} + +.pi-chevron-up:before { + content: "\e903"; +} + +.pi-caret-left:before { + content: "\e904"; +} + +.pi-caret-right:before { + content: "\e905"; +} + +.pi-caret-down:before { + content: "\e906"; +} + +.pi-caret-up:before { + content: "\e907"; +} + +.pi-search:before { + content: "\e908"; +} + +.pi-check:before { + content: "\e909"; +} + +.pi-check-circle:before { + content: "\e90a"; +} + +.pi-times:before { + content: "\e90b"; +} + +.pi-times-circle:before { + content: "\e90c"; +} + +.pi-plus:before { + content: "\e90d"; +} + +.pi-plus-circle:before { + content: "\e90e"; +} + +.pi-minus:before { + content: "\e90f"; +} + +.pi-minus-circle:before { + content: "\e910"; +} + +.pi-circle-on:before { + content: "\e911"; +} + +.pi-circle-off:before { + content: "\e912"; +} + +.pi-sort-down:before { + content: "\e913"; +} + +.pi-sort-up:before { + content: "\e914"; +} + +.pi-sort:before { + content: "\e915"; +} + +.pi-step-backward:before { + content: "\e916"; +} + +.pi-step-forward:before { + content: "\e917"; +} + +.pi-th-large:before { + content: "\e918"; +} + +.pi-arrow-down:before { + content: "\e919"; +} + +.pi-arrow-left:before { + content: "\e91a"; +} + +.pi-arrow-right:before { + content: "\e91b"; +} + +.pi-arrow-up:before { + content: "\e91c"; +} + +.pi-bars:before { + content: "\e91d"; +} + +.pi-arrow-circle-down:before { + content: "\e91e"; +} + +.pi-arrow-circle-left:before { + content: "\e91f"; +} + +.pi-arrow-circle-right:before { + content: "\e920"; +} + +.pi-arrow-circle-up:before { + content: "\e921"; +} + +.pi-info:before { + content: "\e923"; +} + +.pi-info-circle:before { + content: "\e924"; +} + +.pi-home:before { + content: "\e925"; +} + +.pi-spinner:before { + content: "\e926"; +} diff --git a/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.eot b/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.eot new file mode 100644 index 0000000..24df115 Binary files /dev/null and b/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.eot differ diff --git a/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.svg b/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.svg new file mode 100644 index 0000000..c4e81e7 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.svg @@ -0,0 +1,270 @@ + + + + + + +{ + "fontFamily": "primeicons", + "majorVersion": 1, + "minorVersion": 0, + "copyright": "PrimeTek Informatics", + "designer": "", + "description": "Icon Library for Prime UI Libraries\nFont generated by IcoMoon.", + "fontURL": "https://github.com/primefaces/primeicons", + "license": "MIT", + "licenseURL": "https://opensource.org/licenses/MIT", + "version": "Version 1.0", + "fontId": "primeicons", + "psName": "primeicons", + "subFamily": "Regular", + "fullName": "primeicons" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.ttf b/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.ttf new file mode 100644 index 0000000..f428079 Binary files /dev/null and b/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.ttf differ diff --git a/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.woff b/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.woff new file mode 100644 index 0000000..3d976cf Binary files /dev/null and b/src/main/resources/META-INF/resources/freya-layout/icons/primeicons.woff differ diff --git a/src/main/resources/META-INF/resources/freya-layout/images/avatar-profilemenu.png b/src/main/resources/META-INF/resources/freya-layout/images/avatar-profilemenu.png new file mode 100644 index 0000000..3dc5771 Binary files /dev/null and b/src/main/resources/META-INF/resources/freya-layout/images/avatar-profilemenu.png differ diff --git a/src/main/resources/META-INF/resources/freya-layout/images/favicon.ico b/src/main/resources/META-INF/resources/freya-layout/images/favicon.ico new file mode 100644 index 0000000..f1a546f Binary files /dev/null and b/src/main/resources/META-INF/resources/freya-layout/images/favicon.ico differ diff --git a/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-single.svg b/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-single.svg new file mode 100644 index 0000000..025c4dd --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-single.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-white.svg b/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-white.svg new file mode 100644 index 0000000..d5be8c1 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/images/logo-freya-white.svg @@ -0,0 +1,14 @@ + + + logo-freya-white + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/freya-layout/images/logo-freya.svg b/src/main/resources/META-INF/resources/freya-layout/images/logo-freya.svg new file mode 100644 index 0000000..9813483 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/images/logo-freya.svg @@ -0,0 +1,40 @@ + + + logo-freya + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-404.svg b/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-404.svg new file mode 100644 index 0000000..3feeed6 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-404.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-access.svg b/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-access.svg new file mode 100644 index 0000000..e1dfca1 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-access.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-error.svg b/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-error.svg new file mode 100644 index 0000000..673f0f6 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-error.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-landing-header.jpg b/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-landing-header.jpg new file mode 100644 index 0000000..bd7808a Binary files /dev/null and b/src/main/resources/META-INF/resources/freya-layout/images/pages/asset-landing-header.jpg differ diff --git a/src/main/resources/META-INF/resources/freya-layout/images/pages/search.png b/src/main/resources/META-INF/resources/freya-layout/images/pages/search.png new file mode 100644 index 0000000..d4cf601 Binary files /dev/null and b/src/main/resources/META-INF/resources/freya-layout/images/pages/search.png differ diff --git a/src/main/resources/META-INF/resources/freya-layout/js/layout.js b/src/main/resources/META-INF/resources/freya-layout/js/layout.js new file mode 100644 index 0000000..b7c812e --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/js/layout.js @@ -0,0 +1,879 @@ +/** + * PrimeFaces Freya Layout + */ +PrimeFaces.widget.Freya = PrimeFaces.widget.BaseWidget.extend({ + + init: function(cfg) { + this._super(cfg); + this.wrapper = $(document.body).children('.layout-wrapper'); + var $this = this; + + $(function() { + $this._init(); + }); + + this.restoreMenuState(); + this.expandedMenuitems = this.expandedMenuitems||[]; + }, + + _init: function() { + this.contentWrapper = this.wrapper.children('.layout-main'); + this.topbar = this.wrapper.find('.layout-topbar'); + this.topbarItems = this.topbar.find('.layout-topbar-actions > li.topbar-item'); + this.topbarLinks = this.topbarItems.children('a'); + this.topbarSearchItemMenu = this.topbar.find('.search-item'); + + this.menuWrapper = this.wrapper.find('.menu-wrapper'); + this.sidebarPin = this.menuWrapper.find('.sidebar-logo > .sidebar-pin'); + this.menu = this.menuWrapper.find('.layout-menu'); + this.menuButton = this.topbar.find('.menu-button'); + this.menulinks = this.menu.find('a'); + + this.rightpanel = this.wrapper.find('.layout-rightpanel'); + this.rightpanelButton = this.topbar.find('.layout-rightpanel-button'); + this.rightpanelExitButton = this.rightpanel.find('.rightpanel-exit-button'); + + this.configButton = $('#layout-config-button'); + this.configurator = this.wrapper.children('.layout-config'); + + this.bindEvents(); + }, + + toggleClass: function(el, className) { + if (el.hasClass(className)) { + el.removeClass(className); + } + else { + el.addClass(className); + } + }, + + bindEvents: function() { + var $this = this; + + this.bindTopbarEvents(); + this.bindMenuEvents(); + this.bindRightPanelEvents(); + this.bindConfigEvents(); + + $(document.body).off('click.layoutBody').on('click.layoutBody', function() { + if (!$this.menuClick) { + $this.wrapper.removeClass('layout-sidebar-active layout-mobile-active'); + $(document.body).removeClass('blocked-scroll'); + + if ($this.isHorizontal() || $this.isSlim()) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + $this.menu.find('ul:visible').hide(); + $this.menuActive = false; + } + } + + if (!$this.topbarItemClicked) { + $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem')); + } + + if (!$this.rightpanelClicked) { + $this.wrapper.removeClass('layout-rightpanel-active'); + } + + if (!$this.configClicked && $this.configurator.hasClass('layout-config-active')) { + $this.configurator.removeClass('layout-config-active'); + } + + $this.horizontalMenuClick = false; + $this.topbarItemClicked = false; + $this.rightpanelClicked = false; + $this.menuClick = false; + $this.configClicked = false; + }); + }, + + bindConfigEvents: function() { + var $this = this; + + this.configButton.off('click.configbutton').on('click.configbutton', function(e) { + $this.configurator.toggleClass('layout-config-active'); + $this.configClicked = true; + }); + + this.configurator.off('click.config').on('click.config', function() { + $this.configClicked = true; + }); + }, + + bindMenuEvents: function() { + var $this = this; + + this.menuButton.off('click.menu').on('click.menu', function(e) { + $this.menuClick = true; + + if ($this.isMobile()) { + if ($this.wrapper.hasClass('layout-mobile-active')) { + $this.wrapper.removeClass('layout-mobile-active'); + $(document.body).removeClass('blocked-scroll'); + } + else { + $this.wrapper.addClass('layout-mobile-active'); + $(document.body).addClass('blocked-scroll'); + } + } + + e.preventDefault(); + }); + + this.menuWrapper.off('click.menuWrapper mouseenter.menuWrapper mouseleave.menuWrapper') + .on('click.menuWrapper', function() { + $this.menuClick = true; + }) + .on('mouseenter.menuWrapper', function(e) { + if(!$this.wrapper.hasClass('layout-sidebar-static')) { + if($this.hideTimeout) { + clearTimeout($this.hideTimeout); + } + + $this.menuWrapper.addClass('layout-sidebar-active'); + } + if(!$this.wrapper.hasClass('layout-sidebar')) { + if($this.hideTimeout) { + clearTimeout($this.hideTimeout); + } + + $this.menuWrapper.removeClass('layout-sidebar-active'); + } + }) + .on('mouseleave.menuWrapper', function(e) { + if(!$this.wrapper.hasClass('layout-sidebar-static')) { + $this.hideTimeout = setTimeout(function() { + $this.menuWrapper.removeClass('layout-sidebar-active'); + }, $this.cfg.closeDelay); + } + }); + + this.sidebarPin.off('click.menuWrapper').on('click.menuWrapper', function(e) { + $this.wrapper.removeClass('layout-static-restore'); + $this.wrapper.toggleClass('layout-static'); + $this.saveMenuState(); + e.preventDefault(); + }); + + this.menulinks.off('click.menuWrapper').on('click.menuWrapper', function(e) { + var link = $(this), + item = link.parent(), + submenu = item.children('ul'); + horizontal = $this.isHorizontal(); + slim = $this.isSlim(); + $this.menuClick = true; + + if (horizontal) { + $this.horizontalMenuClick = true; + } + + if(item.hasClass('active-menuitem')) { + if(submenu.length) { + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + + if(horizontal || slim) { + if(item.parent().is($this.jq)) { + $this.menuActive = false; + } + + submenu.hide(); + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + } + else { + submenu.slideUp(function() { + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + }); + } + } + } + else { + $this.addMenuitem(item.attr('id')); + + if(horizontal || slim) { + $this.deactivateItems(item.siblings()); + item.addClass('active-menuitem'); + $this.menuActive = true; + submenu.show(); + } + else { + $this.deactivateItems(item.siblings(), true); + $this.activate(item); + } + } + + if(submenu.length) { + e.preventDefault(); + } + }); + + this.menu.find('> li').off('mouseenter.menu').on('mouseenter.menu', function(e) { + if ($this.isHorizontal() || $this.isSlim()) { + var item = $(this); + + if(!item.hasClass('active-menuitem')) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + $this.menu.find('ul:visible').hide(); + + if($this.menuActive) { + item.addClass('active-menuitem'); + item.children('ul').show(); + } + } + } + }); + }, + + bindTopbarEvents: function() { + var $this = this; + + this.topbarLinks.off('click.topbar').on('click.topbar', function(e) { + var link = $(this), + item = link.parent(), + submenu = item.children('ul'); + + if ($this.isMobile()) { + $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem').not(item)); + } + else { + $this.removeTopbarClassFromAllItems(item, 'active-topmenuitem'); + } + $this.addTopbarClass(item, 'active-topmenuitem'); + + $this.topbarItemClicked = true; + + if (submenu.length) { + e.preventDefault(); + } + }); + + this.topbarSearchItemMenu.off('click.topbar').on('click.topbar', function(e) { + $this.topbarItemClicked = true; + }); + }, + + bindRightPanelEvents: function() { + var $this = this; + var changeRightpanelState = function(e) { + this.toggleClass(this.wrapper, 'layout-rightpanel-active'); + + this.rightpanelClicked = true; + e.preventDefault(); + }; + + this.rightpanelButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); + this.rightpanelExitButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); + + this.rightpanel.off('click.rightpanel').on('click.rightpanel', function() { + $this.rightpanelClicked = true; + }); + }, + + activate: function(item) { + var submenu = item.children('ul'); + item.addClass('active-menuitem'); + + if(submenu.length) { + submenu.slideDown(); + } + }, + + deactivate: function(item) { + var submenu = item.children('ul'); + item.removeClass('active-menuitem'); + + if(submenu.length) { + submenu.hide(); + } + }, + + deactivateItems: function(items, animate) { + var $this = this; + + for(var i = 0; i < items.length; i++) { + var item = items.eq(i), + submenu = item.children('ul'); + + if(submenu.length) { + if(item.hasClass('active-menuitem')) { + var activeSubItems = item.find('.active-menuitem'); + item.removeClass('active-menuitem'); + + if(animate) { + submenu.slideUp('normal', function() { + $(this).parent().find('.active-menuitem').each(function() { + $this.deactivate($(this)); + }); + }); + } + else { + item.find('.active-menuitem').each(function() { + $this.deactivate($(this)); + }); + } + + $this.removeMenuitem(item.attr('id')); + activeSubItems.each(function() { + $this.removeMenuitem($(this).attr('id')); + }); + } + else { + item.find('.active-menuitem').each(function() { + var subItem = $(this); + $this.deactivate(subItem); + $this.removeMenuitem(subItem.attr('id')); + }); + } + } + else if(item.hasClass('active-menuitem')) { + $this.deactivate(item); + $this.removeMenuitem(item.attr('id')); + } + } + }, + + removeMenuitem: function (id) { + this.expandedMenuitems = $.grep(this.expandedMenuitems, function (value) { + return value !== id; + }); + this.saveMenuState(); + }, + + addMenuitem: function (id) { + if ($.inArray(id, this.expandedMenuitems) === -1) { + this.expandedMenuitems.push(id); + } + this.saveMenuState(); + }, + + saveMenuState: function() { + if(this.wrapper.hasClass('layout-static')) + $.cookie('freya_menu_static', 'freya_menu_static', {path: '/'}); + else + $.removeCookie('freya_menu_static', {path: '/'}); + + $.cookie('freya_expandeditems', this.expandedMenuitems.join(','), {path: '/'}); + }, + + clearMenuState: function() { + this.expandedMenuitems = []; + $.removeCookie('freya_expandeditems', {path: '/'}); + $.removeCookie('freya_menu_static', {path: '/'}); + }, + + clearActiveItems: function() { + var activeItems = this.jq.find('li.active-menuitem'), + subContainers = activeItems.children('ul'); + + activeItems.removeClass('active-menuitem'); + if(subContainers && subContainers.length) { + subContainers.hide(); + } + }, + + clearLayoutState: function() { + this.clearMenuState(); + this.clearActiveItems(); + }, + + restoreMenuState: function() { + var menuCookie = $.cookie('freya_expandeditems'); + if (!this.isSlim() && !this.isHorizontal() && menuCookie) { + this.expandedMenuitems = menuCookie.split(','); + for (var i = 0; i < this.expandedMenuitems.length; i++) { + var id = this.expandedMenuitems[i]; + if (id) { + var menuitem = $("#" + this.expandedMenuitems[i].replace(/:/g, "\\:")); + menuitem.addClass('active-menuitem'); + + var submenu = menuitem.children('ul'); + if(submenu.length) { + submenu.show(); + } + } + } + } + + var sidebarCookie = $.cookie('freya_menu_static'); + if(sidebarCookie) { + this.wrapper.addClass('layout-static'); + } + + }, + + removeTopbarClassFromAllItems: function(item, className, items) { + var activeItems = item != null ? item.siblings('.' + className) : items; + + activeItems.removeClass(className); + activeItems.children('ul').removeClass('fadeInDown'); + }, + + addTopbarClass: function(item, className) { + var submenu = item.children('ul'); + + if (submenu.length) { + if (item.hasClass(className)) { + submenu.removeClass('fadeInDown').addClass('fadeOutUp'); + + setTimeout(function() { + item.removeClass(className); + submenu.removeClass('fadeOutUp'); + }, 100); + } + else { + item.addClass(className); + submenu.addClass('fadeInDown'); + } + } + }, + + hideTopBar: function() { + var $this = this; + this.topbarMenu.addClass('fadeOutUp'); + + setTimeout(function() { + $this.topbarMenu.removeClass('fadeOutUp topbar-menu-visible'); + },500); + }, + + isMobile: function() { + return window.innerWidth < 992; + }, + isHorizontal: function() { + return this.wrapper.hasClass('layout-horizontal') && !this.isMobile(); + }, + isSlim: function() { + return this.wrapper.hasClass('layout-slim') && !this.isMobile(); + }, + isStatic: function() { + return this.wrapper.hasClass('layout-static') && !this.isMobile(); + } +}); + +PrimeFaces.FreyaConfigurator = { + + changeLayout: function( componentTheme, darkMode ) { + this.changeLayoutsTheme(darkMode); + this.changeDemo(darkMode); + this.changeComponentsTheme(componentTheme, darkMode); + this.changeSectionTheme( darkMode, 'layout-menu'); + this.changeSectionTheme( darkMode , 'layout-topbar'); + }, + + changeLayoutsTheme: function(darkMode) { + newLayout = '-' + darkMode; + var linkElement = $('link[href*="layout-"]'); + var href = linkElement.attr('href'); + var startIndexOf = href.indexOf('layout-') + 6; + var endIndexOf = href.indexOf('.css'); + var currentColor = href.substring(startIndexOf, endIndexOf); + this.replaceLink(linkElement, href.replace(currentColor, newLayout)); + }, + + changeDemo: function(darkMode) { + newLayout = '-' + darkMode; + var linkElement = $('link[href*="demo-"]'); + var href = linkElement.attr('href'); + var startIndexOf = href.indexOf('demo-') + 4; + var endIndexOf = href.indexOf('.css'); + var currentColor = href.substring(startIndexOf, endIndexOf); + + this.replaceLink(linkElement, href.replace(currentColor, newLayout)); + }, + + changeComponentsTheme: function(themeColor, darkMode) { + theme = this.getColor(themeColor, darkMode); + var library = 'primefaces-freya'; + var linkElement = $('link[href*="theme.css"]'); + var href = linkElement.attr('href'); + var index = href.indexOf(library) + 1; + var currentTheme = href.substring(index + library.length); + + this.replaceLink(linkElement, href.replace(currentTheme, theme)); + }, + + changeSectionTheme: function(theme, section) { + var wrapperElement = $('.layout-wrapper'); + + var styleClass = wrapperElement.attr('class'); + var tokens = styleClass.split(' '); + var sectionClass; + for (var i = 0; i < tokens.length; i++) { + if (tokens[i].indexOf(section + '-') > -1) { + sectionClass = tokens[i]; + break; + } + } + + wrapperElement.attr('class', styleClass.replace(sectionClass, section + '-' + theme)); + }, + + changeMenuMode: function(menuMode) { + var wrapper = $(document.body).children('.layout-wrapper'); + switch (menuMode) { + case 'layout-sidebar': + wrapper.addClass('layout-sidebar').removeClass('layout-slim layout-horizontal '); + this.clearLayoutState(); + break; + + case 'layout-horizontal': + wrapper.addClass('layout-horizontal').removeClass('layout-static layout-slim layout-sidebar'); + this.clearLayoutState(); + break; + + case 'layout-slim': + wrapper.addClass('layout-slim').removeClass('layout-static layout-horizontal layout-sidebar'); + this.clearLayoutState(); + break; + + default: + wrapper.addClass('layout-sidebar').removeClass('layout-slim layout-horizontal '); + this.clearLayoutState(); + break; + } + }, + + beforeResourceChange: function() { + PrimeFaces.ajax.RESOURCE = null; //prevent resource append + }, + + replaceLink: function(linkElement, href) { + PrimeFaces.ajax.RESOURCE = 'javax.faces.Resource'; + + var isIE = this.isIE(); + + if (isIE) { + linkElement.attr('href', href); + } + else { + var cloneLinkElement = linkElement.clone(false); + + cloneLinkElement.attr('href', href); + linkElement.after(cloneLinkElement); + + cloneLinkElement.off('load').on('load', function() { + linkElement.remove(); + }); + + // for dashboard + setTimeout(function() { + if (window['redrawChart']) { + window.redrawChart(); + } + }, 100); + } + }, + + getColor: function(name, darkMode) { + return name + '-' + darkMode; + }, + + isIE: function() { + return /(MSIE|Trident\/|Edge\/)/i.test(navigator.userAgent); + }, + + clearLayoutState: function() { + var menu = PF('FreyaMenuWidget'); + + if (menu) { + menu.clearLayoutState(); + } + }, + + updateInputStyle: function(value) { + if (value === 'filled') + $(document.body).addClass('ui-input-filled'); + else + $(document.body).removeClass('ui-input-filled'); + } +}; + +/*! + * jQuery Cookie Plugin v1.4.1 + * https://github.com/carhartl/jquery-cookie + * + * Copyright 2006, 2014 Klaus Hartl + * Released under the MIT license + */ +(function (factory) { + if (typeof define === 'function' && define.amd) { + // AMD (Register as an anonymous module) + define(['jquery'], factory); + } else if (typeof exports === 'object') { + // Node/CommonJS + module.exports = factory(require('jquery')); + } else { + // Browser globals + factory(jQuery); + } +}(function ($) { + + var pluses = /\+/g; + + function encode(s) { + return config.raw ? s : encodeURIComponent(s); + } + + function decode(s) { + return config.raw ? s : decodeURIComponent(s); + } + + function stringifyCookieValue(value) { + return encode(config.json ? JSON.stringify(value) : String(value)); + } + + function parseCookieValue(s) { + if (s.indexOf('"') === 0) { + // This is a quoted cookie as according to RFC2068, unescape... + s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\'); + } + + try { + // Replace server-side written pluses with spaces. + // If we can't decode the cookie, ignore it, it's unusable. + // If we can't parse the cookie, ignore it, it's unusable. + s = decodeURIComponent(s.replace(pluses, ' ')); + return config.json ? JSON.parse(s) : s; + } catch (e) { } + } + + function read(s, converter) { + var value = config.raw ? s : parseCookieValue(s); + return $.isFunction(converter) ? converter(value) : value; + } + + var config = $.cookie = function (key, value, options) { + + // Write + + if (arguments.length > 1 && !$.isFunction(value)) { + options = $.extend({}, config.defaults, options); + + if (typeof options.expires === 'number') { + var days = options.expires, t = options.expires = new Date(); + t.setMilliseconds(t.getMilliseconds() + days * 864e+5); + } + + return (document.cookie = [ + encode(key), '=', stringifyCookieValue(value), + options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE + options.path ? '; path=' + options.path : '', + options.domain ? '; domain=' + options.domain : '', + options.secure ? '; secure' : '' + ].join('')); + } + + // Read + + var result = key ? undefined : {}, + // To prevent the for loop in the first place assign an empty array + // in case there are no cookies at all. Also prevents odd result when + // calling $.cookie(). + cookies = document.cookie ? document.cookie.split('; ') : [], + i = 0, + l = cookies.length; + + for (; i < l; i++) { + var parts = cookies[i].split('='), + name = decode(parts.shift()), + cookie = parts.join('='); + + if (key === name) { + // If second argument (value) is a function it's a converter... + result = read(cookie, value); + break; + } + + // Prevent storing a cookie that we couldn't decode. + if (!key && (cookie = read(cookie)) !== undefined) { + result[name] = cookie; + } + } + + return result; + }; + + config.defaults = {}; + + $.removeCookie = function (key, options) { + // Must not alter options, thus extending a fresh object... + $.cookie(key, '', $.extend({}, options, { expires: -1 })); + return !$.cookie(key); + }; + +})); + +if (PrimeFaces.widget.InputSwitch) { + PrimeFaces.widget.InputSwitch = PrimeFaces.widget.InputSwitch.extend({ + + init: function (cfg) { + this._super(cfg); + + if (this.input.prop('checked')) { + this.jq.addClass('ui-inputswitch-checked'); + } + }, + + check: function () { + var $this = this; + + this.input.prop('checked', true).trigger('change'); + setTimeout(function () { + $this.jq.addClass('ui-inputswitch-checked'); + }, 100); + }, + + uncheck: function () { + var $this = this; + + this.input.prop('checked', false).trigger('change'); + setTimeout(function () { + $this.jq.removeClass('ui-inputswitch-checked'); + }, 100); + } + }); +} + +if (PrimeFaces.widget.AccordionPanel) { + PrimeFaces.widget.AccordionPanel = PrimeFaces.widget.AccordionPanel.extend({ + + init: function (cfg) { + this._super(cfg); + + this.headers.last().addClass('ui-accordion-header-last'); + } + }); +} + +/* Issue #924 is fixed for 5.3+ and 6.0. (compatibility with 5.3) */ +if(window['PrimeFaces'] && window['PrimeFaces'].widget.Dialog) { + PrimeFaces.widget.Dialog = PrimeFaces.widget.Dialog.extend({ + + enableModality: function() { + this._super(); + $(document.body).children(this.jqId + '_modal').addClass('ui-dialog-mask'); + }, + + syncWindowResize: function() {} + }); +} + +if (PrimeFaces.widget.SelectOneMenu) { + PrimeFaces.widget.SelectOneMenu = PrimeFaces.widget.SelectOneMenu.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.m_panel = $(this.jqId + '_panel'); + this.m_focusInput = $(this.jqId + '_focus'); + + this.m_panel.addClass('ui-input-overlay-panel'); + this.jq.addClass('ui-inputwrapper'); + + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.off('change').on('change', function () { + $this.inputValueControl($(this)); + }); + + this.m_focusInput.on('focus.ui-selectonemenu', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-selectonemenu', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }); + + if (this.cfg.editable) { + this.label.on('input', function (e) { + $this.inputValueControl($(this)); + }).on('focus', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('blur', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl($(this)); + }); + } + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} + +if (PrimeFaces.widget.Chips) { + PrimeFaces.widget.Chips = PrimeFaces.widget.Chips.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.jq.addClass('ui-inputwrapper'); + + if ($this.jq.find('.ui-chips-token').length !== 0) { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.on('focus.ui-chips', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('input.ui-chips', function () { + $this.inputValueControl(); + }).on('blur.ui-chips', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl(); + }); + + } + }, + + inputValueControl: function () { + if (this.jq.find('.ui-chips-token').length !== 0 || this.input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} + +if (PrimeFaces.widget.DatePicker) { + PrimeFaces.widget.DatePicker = PrimeFaces.widget.DatePicker.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label') && !this.cfg.inline) { + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.jqEl.off('focus.ui-datepicker blur.ui-datepicker change.ui-datepicker') + .on('focus.ui-datepicker', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-datepicker', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }) + .on('change.ui-datepicker', function () { + $this.inputValueControl($(this)); + }); + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/freya-layout/js/prism.js b/src/main/resources/META-INF/resources/freya-layout/js/prism.js new file mode 100644 index 0000000..4cbeb12 --- /dev/null +++ b/src/main/resources/META-INF/resources/freya-layout/js/prism.js @@ -0,0 +1,10 @@ +/* PrismJS 1.22.0 +https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+java&plugins=line-numbers */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,_={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof M?new M(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);y+=m.value.length,m=m.next){var k=m.value;if(t.length>n.length)return;if(!(k instanceof M)){var b,x=1;if(h){if(!(b=W(p,y,n,f)))break;var w=b.index,A=b.index+b[0].length,P=y;for(P+=m.value.length;P<=w;)m=m.next,P+=m.value.length;if(P-=m.value.length,y=P,m.value instanceof M)continue;for(var S=m;S!==t.tail&&(Pl.reach&&(l.reach=N);var j=m.prev;O&&(j=z(t,j,O),y+=O.length),I(t,j,x);var C=new M(o,g?_.tokenize(E,g):E,d,E);m=z(t,j,C),L&&z(t,m,L),1"+a.content+""},!u.document)return u.addEventListener&&(_.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(_.highlight(r,_.languages[t],t)),a&&u.close()},!1)),_;var e=_.util.currentScript();function t(){_.manual||_.highlightAll()}if(e&&(_.filename=e.src,e.hasAttribute("data-manual")&&(_.manual=!0)),!_.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return _}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^>]*>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(s){var e=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),string:{pattern:e,greedy:!0},property:/(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),s.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:s.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--?|-=|\+\+?|\+=|!=?|~|\*\*?|\*=|\/=?|%=?|<<=?|>>=?|<=?|>=?|==?|&&?|&=|\^=?|\|\|?|\|=|\?|:/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|x[0-9a-fA-F]{1,2}|u[0-9a-fA-F]{4}|U[0-9a-fA-F]{8})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)\w+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b\w+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+?)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)(["'])(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|(?!\2)[^\\`$])*\2/,lookbehind:!0,greedy:!0,inside:a}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|aptitude|apt-cache|apt-get|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:if|then|else|elif|fi|for|while|in|case|esac|function|select|do|done|until)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|break|cd|continue|eval|exec|exit|export|getopts|hash|pwd|readonly|return|shift|test|times|trap|umask|unset|alias|bind|builtin|caller|command|declare|echo|enable|help|let|local|logout|mapfile|printf|read|readarray|source|type|typeset|ulimit|unalias|set|shopt)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:true|false)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|==?|!=?|=~|<<[<-]?|[&\d]?>>|\d?[<>]&?|&[>&]?|\|[&|]?|<=?|>=?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],i=a.variable[1].inside,o=0;o>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0}}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,inside:{"class-name":a,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},namespace:{pattern:RegExp("(\\b(?:exports|import(?:\\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\\s+)(?!)[a-z]\\w*(?:\\.[a-z]\\w*)*\\.?".replace(//g,function(){return t.source})),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows");if(t){var i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1 + + + + + +{ + "fontFamily": "primeicons", + "majorVersion": 1, + "minorVersion": 0, + "copyright": "PrimeTek Informatics", + "designer": "", + "description": "Icon Library for Prime UI Libraries\nFont generated by IcoMoon.", + "fontURL": "https://github.com/primefaces/primeicons", + "license": "MIT", + "licenseURL": "https://opensource.org/licenses/MIT", + "version": "Version 1.0", + "fontId": "primeicons", + "psName": "primeicons", + "subFamily": "Regular", + "fullName": "primeicons" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/icons/primeicons.ttf b/src/main/resources/META-INF/resources/icons/primeicons.ttf new file mode 100644 index 0000000..f428079 Binary files /dev/null and b/src/main/resources/META-INF/resources/icons/primeicons.ttf differ diff --git a/src/main/resources/META-INF/resources/icons/primeicons.woff b/src/main/resources/META-INF/resources/icons/primeicons.woff new file mode 100644 index 0000000..3d976cf Binary files /dev/null and b/src/main/resources/META-INF/resources/icons/primeicons.woff differ diff --git a/src/main/resources/META-INF/resources/images/avatar-profilemenu.png b/src/main/resources/META-INF/resources/images/avatar-profilemenu.png new file mode 100644 index 0000000..3dc5771 Binary files /dev/null and b/src/main/resources/META-INF/resources/images/avatar-profilemenu.png differ diff --git a/src/main/resources/META-INF/resources/images/favicon.ico b/src/main/resources/META-INF/resources/images/favicon.ico new file mode 100644 index 0000000..f1a546f Binary files /dev/null and b/src/main/resources/META-INF/resources/images/favicon.ico differ diff --git a/src/main/resources/META-INF/resources/images/logo-freya-single.svg b/src/main/resources/META-INF/resources/images/logo-freya-single.svg new file mode 100644 index 0000000..025c4dd --- /dev/null +++ b/src/main/resources/META-INF/resources/images/logo-freya-single.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/images/logo-freya-white.svg b/src/main/resources/META-INF/resources/images/logo-freya-white.svg new file mode 100644 index 0000000..d5be8c1 --- /dev/null +++ b/src/main/resources/META-INF/resources/images/logo-freya-white.svg @@ -0,0 +1,14 @@ + + + logo-freya-white + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/images/logo-freya.svg b/src/main/resources/META-INF/resources/images/logo-freya.svg new file mode 100644 index 0000000..9813483 --- /dev/null +++ b/src/main/resources/META-INF/resources/images/logo-freya.svg @@ -0,0 +1,40 @@ + + + logo-freya + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/images/logo-wave.png b/src/main/resources/META-INF/resources/images/logo-wave.png new file mode 100644 index 0000000..7d767af Binary files /dev/null and b/src/main/resources/META-INF/resources/images/logo-wave.png differ diff --git a/src/main/resources/META-INF/resources/images/pages/asset-404.svg b/src/main/resources/META-INF/resources/images/pages/asset-404.svg new file mode 100644 index 0000000..3feeed6 --- /dev/null +++ b/src/main/resources/META-INF/resources/images/pages/asset-404.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/images/pages/asset-access.svg b/src/main/resources/META-INF/resources/images/pages/asset-access.svg new file mode 100644 index 0000000..e1dfca1 --- /dev/null +++ b/src/main/resources/META-INF/resources/images/pages/asset-access.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/images/pages/asset-error.svg b/src/main/resources/META-INF/resources/images/pages/asset-error.svg new file mode 100644 index 0000000..673f0f6 --- /dev/null +++ b/src/main/resources/META-INF/resources/images/pages/asset-error.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/images/pages/asset-landing-header.jpg b/src/main/resources/META-INF/resources/images/pages/asset-landing-header.jpg new file mode 100644 index 0000000..bd7808a Binary files /dev/null and b/src/main/resources/META-INF/resources/images/pages/asset-landing-header.jpg differ diff --git a/src/main/resources/META-INF/resources/images/pages/search.png b/src/main/resources/META-INF/resources/images/pages/search.png new file mode 100644 index 0000000..d4cf601 Binary files /dev/null and b/src/main/resources/META-INF/resources/images/pages/search.png differ diff --git a/src/main/resources/META-INF/resources/index.xhtml b/src/main/resources/META-INF/resources/index.xhtml new file mode 100644 index 0000000..31ee7cb --- /dev/null +++ b/src/main/resources/META-INF/resources/index.xhtml @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + UnionFlow - Plateforme de Gestion Intégrée pour Mutuelles, Associations et Clubs + + + + + + + + + + +
+ +
+
+ + + + + +
+
+ + + + + + + + + +
+
+ + +
+
+ UnionFlow +

Plateforme de Gestion Intégrée pour Mutuelles, Associations et Clubs
+ Simplifiez la gestion de votre organisation avec une solution complète et moderne

+ + + + + + +
+
+ + +
+
+
+
+ 1 +
+ 1 +
+

Gestion des Membres

+
Inscription, profils détaillés, gestion des statuts, historique des adhésions et suivi complet de chaque membre.
+
+
+
+
+ +
+
+
+
+ 2 +
+ 2 +
+

Gestion des Cotisations

+
Types variés (mensuelle, annuelle, adhésion, événement, formation, projet, solidarité), suivi des paiements et rappels automatiques. Paiements sécurisés via Wave (bientôt disponible).
+
+ + +
+
+
+
+
+
+
+ 3 +
+ 3 +
+

Organisation
d'Événements

+
Assemblées générales, réunions, formations, conférences, ateliers, séminaires, événements sociaux avec gestion des inscriptions.
+
+
+
+
+
+
+ +
+
+
+ 4 +
+ 4 +
+

Système de Solidarité

+
Gestion complète des demandes d'aide, propositions, évaluations, suivi des statuts et coordination des actions solidaires.
+
+
+
+
+
+
+ 5 +
+ 5 +
+

Gestion des Organisations

+
Gestion des clubs et unions avec hiérarchie organisationnelle, statistiques détaillées, rapports et vue d'ensemble complète.
+
+
+
+
+
+ +
+
+ 6 +
+ 6 +
+

Analytics & Rapports

+
Tableaux de bord interactifs, KPIs en temps réel, analyses approfondies et rapports personnalisables pour une prise de décision éclairée.
+
+
+
+
+
+
+ + +
+
+ Pourquoi choisir UnionFlow ? +

Une solution pensée pour les mutuelles, associations, clubs et organisations similaires avec sécurité avancée, multi-plateforme et synchronisation temps réel.

+
+
+
+
+

Sécurité

+ 100% + Sécurisé +
    +
  • Connexion sécurisée et centralisée
    • +
  • Contrôle d'accès basé sur les rôles
    • +
  • Protection des données sensibles
    • +
  • Chiffrement des communications
    • +
+
+
+
+
+ RECOMMANDÉ +

Multi-Plateforme

+ 24/7 + Disponible +
    +
  • Application web responsive
    • +
  • Application mobile Flutter
    • +
  • iOS et Android
    • +
  • Accès depuis n'importe où
    • +
+
+
+
+
+

Cloud

+ Cloud + Moderne +
    +
  • Architecture cloud-native
    • +
  • Synchronisation temps réel
    • +
  • Sauvegarde automatique
    • +
  • Scalabilité illimitée
    • +
+
+
+
+
+ + + + + + +
+
+ + +
+
+
+
+
+ NAVIGATION + +
+
+ FONCTIONNALITÉS + +
+
+
+
+ CONTACT +
    +
  • support@unionflow.dev
    • +
  • Abidjan, Côte d'Ivoire
    • +
  • Plateforme de Gestion Intégrée
    • +
+
+
+ NEWSLETTER + Rejoignez notre newsletter pour être informé des nouvelles fonctionnalités. + + + +
+
+
+

UnionFlow

+
Copyright © 2025 UnionFlow Dev Team
+
+
+
+
+
+
+ + + + + + + + + diff --git a/src/main/resources/META-INF/resources/js/layout.js b/src/main/resources/META-INF/resources/js/layout.js new file mode 100644 index 0000000..b7c812e --- /dev/null +++ b/src/main/resources/META-INF/resources/js/layout.js @@ -0,0 +1,879 @@ +/** + * PrimeFaces Freya Layout + */ +PrimeFaces.widget.Freya = PrimeFaces.widget.BaseWidget.extend({ + + init: function(cfg) { + this._super(cfg); + this.wrapper = $(document.body).children('.layout-wrapper'); + var $this = this; + + $(function() { + $this._init(); + }); + + this.restoreMenuState(); + this.expandedMenuitems = this.expandedMenuitems||[]; + }, + + _init: function() { + this.contentWrapper = this.wrapper.children('.layout-main'); + this.topbar = this.wrapper.find('.layout-topbar'); + this.topbarItems = this.topbar.find('.layout-topbar-actions > li.topbar-item'); + this.topbarLinks = this.topbarItems.children('a'); + this.topbarSearchItemMenu = this.topbar.find('.search-item'); + + this.menuWrapper = this.wrapper.find('.menu-wrapper'); + this.sidebarPin = this.menuWrapper.find('.sidebar-logo > .sidebar-pin'); + this.menu = this.menuWrapper.find('.layout-menu'); + this.menuButton = this.topbar.find('.menu-button'); + this.menulinks = this.menu.find('a'); + + this.rightpanel = this.wrapper.find('.layout-rightpanel'); + this.rightpanelButton = this.topbar.find('.layout-rightpanel-button'); + this.rightpanelExitButton = this.rightpanel.find('.rightpanel-exit-button'); + + this.configButton = $('#layout-config-button'); + this.configurator = this.wrapper.children('.layout-config'); + + this.bindEvents(); + }, + + toggleClass: function(el, className) { + if (el.hasClass(className)) { + el.removeClass(className); + } + else { + el.addClass(className); + } + }, + + bindEvents: function() { + var $this = this; + + this.bindTopbarEvents(); + this.bindMenuEvents(); + this.bindRightPanelEvents(); + this.bindConfigEvents(); + + $(document.body).off('click.layoutBody').on('click.layoutBody', function() { + if (!$this.menuClick) { + $this.wrapper.removeClass('layout-sidebar-active layout-mobile-active'); + $(document.body).removeClass('blocked-scroll'); + + if ($this.isHorizontal() || $this.isSlim()) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + $this.menu.find('ul:visible').hide(); + $this.menuActive = false; + } + } + + if (!$this.topbarItemClicked) { + $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem')); + } + + if (!$this.rightpanelClicked) { + $this.wrapper.removeClass('layout-rightpanel-active'); + } + + if (!$this.configClicked && $this.configurator.hasClass('layout-config-active')) { + $this.configurator.removeClass('layout-config-active'); + } + + $this.horizontalMenuClick = false; + $this.topbarItemClicked = false; + $this.rightpanelClicked = false; + $this.menuClick = false; + $this.configClicked = false; + }); + }, + + bindConfigEvents: function() { + var $this = this; + + this.configButton.off('click.configbutton').on('click.configbutton', function(e) { + $this.configurator.toggleClass('layout-config-active'); + $this.configClicked = true; + }); + + this.configurator.off('click.config').on('click.config', function() { + $this.configClicked = true; + }); + }, + + bindMenuEvents: function() { + var $this = this; + + this.menuButton.off('click.menu').on('click.menu', function(e) { + $this.menuClick = true; + + if ($this.isMobile()) { + if ($this.wrapper.hasClass('layout-mobile-active')) { + $this.wrapper.removeClass('layout-mobile-active'); + $(document.body).removeClass('blocked-scroll'); + } + else { + $this.wrapper.addClass('layout-mobile-active'); + $(document.body).addClass('blocked-scroll'); + } + } + + e.preventDefault(); + }); + + this.menuWrapper.off('click.menuWrapper mouseenter.menuWrapper mouseleave.menuWrapper') + .on('click.menuWrapper', function() { + $this.menuClick = true; + }) + .on('mouseenter.menuWrapper', function(e) { + if(!$this.wrapper.hasClass('layout-sidebar-static')) { + if($this.hideTimeout) { + clearTimeout($this.hideTimeout); + } + + $this.menuWrapper.addClass('layout-sidebar-active'); + } + if(!$this.wrapper.hasClass('layout-sidebar')) { + if($this.hideTimeout) { + clearTimeout($this.hideTimeout); + } + + $this.menuWrapper.removeClass('layout-sidebar-active'); + } + }) + .on('mouseleave.menuWrapper', function(e) { + if(!$this.wrapper.hasClass('layout-sidebar-static')) { + $this.hideTimeout = setTimeout(function() { + $this.menuWrapper.removeClass('layout-sidebar-active'); + }, $this.cfg.closeDelay); + } + }); + + this.sidebarPin.off('click.menuWrapper').on('click.menuWrapper', function(e) { + $this.wrapper.removeClass('layout-static-restore'); + $this.wrapper.toggleClass('layout-static'); + $this.saveMenuState(); + e.preventDefault(); + }); + + this.menulinks.off('click.menuWrapper').on('click.menuWrapper', function(e) { + var link = $(this), + item = link.parent(), + submenu = item.children('ul'); + horizontal = $this.isHorizontal(); + slim = $this.isSlim(); + $this.menuClick = true; + + if (horizontal) { + $this.horizontalMenuClick = true; + } + + if(item.hasClass('active-menuitem')) { + if(submenu.length) { + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + + if(horizontal || slim) { + if(item.parent().is($this.jq)) { + $this.menuActive = false; + } + + submenu.hide(); + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + } + else { + submenu.slideUp(function() { + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + }); + } + } + } + else { + $this.addMenuitem(item.attr('id')); + + if(horizontal || slim) { + $this.deactivateItems(item.siblings()); + item.addClass('active-menuitem'); + $this.menuActive = true; + submenu.show(); + } + else { + $this.deactivateItems(item.siblings(), true); + $this.activate(item); + } + } + + if(submenu.length) { + e.preventDefault(); + } + }); + + this.menu.find('> li').off('mouseenter.menu').on('mouseenter.menu', function(e) { + if ($this.isHorizontal() || $this.isSlim()) { + var item = $(this); + + if(!item.hasClass('active-menuitem')) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + $this.menu.find('ul:visible').hide(); + + if($this.menuActive) { + item.addClass('active-menuitem'); + item.children('ul').show(); + } + } + } + }); + }, + + bindTopbarEvents: function() { + var $this = this; + + this.topbarLinks.off('click.topbar').on('click.topbar', function(e) { + var link = $(this), + item = link.parent(), + submenu = item.children('ul'); + + if ($this.isMobile()) { + $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem').not(item)); + } + else { + $this.removeTopbarClassFromAllItems(item, 'active-topmenuitem'); + } + $this.addTopbarClass(item, 'active-topmenuitem'); + + $this.topbarItemClicked = true; + + if (submenu.length) { + e.preventDefault(); + } + }); + + this.topbarSearchItemMenu.off('click.topbar').on('click.topbar', function(e) { + $this.topbarItemClicked = true; + }); + }, + + bindRightPanelEvents: function() { + var $this = this; + var changeRightpanelState = function(e) { + this.toggleClass(this.wrapper, 'layout-rightpanel-active'); + + this.rightpanelClicked = true; + e.preventDefault(); + }; + + this.rightpanelButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); + this.rightpanelExitButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); + + this.rightpanel.off('click.rightpanel').on('click.rightpanel', function() { + $this.rightpanelClicked = true; + }); + }, + + activate: function(item) { + var submenu = item.children('ul'); + item.addClass('active-menuitem'); + + if(submenu.length) { + submenu.slideDown(); + } + }, + + deactivate: function(item) { + var submenu = item.children('ul'); + item.removeClass('active-menuitem'); + + if(submenu.length) { + submenu.hide(); + } + }, + + deactivateItems: function(items, animate) { + var $this = this; + + for(var i = 0; i < items.length; i++) { + var item = items.eq(i), + submenu = item.children('ul'); + + if(submenu.length) { + if(item.hasClass('active-menuitem')) { + var activeSubItems = item.find('.active-menuitem'); + item.removeClass('active-menuitem'); + + if(animate) { + submenu.slideUp('normal', function() { + $(this).parent().find('.active-menuitem').each(function() { + $this.deactivate($(this)); + }); + }); + } + else { + item.find('.active-menuitem').each(function() { + $this.deactivate($(this)); + }); + } + + $this.removeMenuitem(item.attr('id')); + activeSubItems.each(function() { + $this.removeMenuitem($(this).attr('id')); + }); + } + else { + item.find('.active-menuitem').each(function() { + var subItem = $(this); + $this.deactivate(subItem); + $this.removeMenuitem(subItem.attr('id')); + }); + } + } + else if(item.hasClass('active-menuitem')) { + $this.deactivate(item); + $this.removeMenuitem(item.attr('id')); + } + } + }, + + removeMenuitem: function (id) { + this.expandedMenuitems = $.grep(this.expandedMenuitems, function (value) { + return value !== id; + }); + this.saveMenuState(); + }, + + addMenuitem: function (id) { + if ($.inArray(id, this.expandedMenuitems) === -1) { + this.expandedMenuitems.push(id); + } + this.saveMenuState(); + }, + + saveMenuState: function() { + if(this.wrapper.hasClass('layout-static')) + $.cookie('freya_menu_static', 'freya_menu_static', {path: '/'}); + else + $.removeCookie('freya_menu_static', {path: '/'}); + + $.cookie('freya_expandeditems', this.expandedMenuitems.join(','), {path: '/'}); + }, + + clearMenuState: function() { + this.expandedMenuitems = []; + $.removeCookie('freya_expandeditems', {path: '/'}); + $.removeCookie('freya_menu_static', {path: '/'}); + }, + + clearActiveItems: function() { + var activeItems = this.jq.find('li.active-menuitem'), + subContainers = activeItems.children('ul'); + + activeItems.removeClass('active-menuitem'); + if(subContainers && subContainers.length) { + subContainers.hide(); + } + }, + + clearLayoutState: function() { + this.clearMenuState(); + this.clearActiveItems(); + }, + + restoreMenuState: function() { + var menuCookie = $.cookie('freya_expandeditems'); + if (!this.isSlim() && !this.isHorizontal() && menuCookie) { + this.expandedMenuitems = menuCookie.split(','); + for (var i = 0; i < this.expandedMenuitems.length; i++) { + var id = this.expandedMenuitems[i]; + if (id) { + var menuitem = $("#" + this.expandedMenuitems[i].replace(/:/g, "\\:")); + menuitem.addClass('active-menuitem'); + + var submenu = menuitem.children('ul'); + if(submenu.length) { + submenu.show(); + } + } + } + } + + var sidebarCookie = $.cookie('freya_menu_static'); + if(sidebarCookie) { + this.wrapper.addClass('layout-static'); + } + + }, + + removeTopbarClassFromAllItems: function(item, className, items) { + var activeItems = item != null ? item.siblings('.' + className) : items; + + activeItems.removeClass(className); + activeItems.children('ul').removeClass('fadeInDown'); + }, + + addTopbarClass: function(item, className) { + var submenu = item.children('ul'); + + if (submenu.length) { + if (item.hasClass(className)) { + submenu.removeClass('fadeInDown').addClass('fadeOutUp'); + + setTimeout(function() { + item.removeClass(className); + submenu.removeClass('fadeOutUp'); + }, 100); + } + else { + item.addClass(className); + submenu.addClass('fadeInDown'); + } + } + }, + + hideTopBar: function() { + var $this = this; + this.topbarMenu.addClass('fadeOutUp'); + + setTimeout(function() { + $this.topbarMenu.removeClass('fadeOutUp topbar-menu-visible'); + },500); + }, + + isMobile: function() { + return window.innerWidth < 992; + }, + isHorizontal: function() { + return this.wrapper.hasClass('layout-horizontal') && !this.isMobile(); + }, + isSlim: function() { + return this.wrapper.hasClass('layout-slim') && !this.isMobile(); + }, + isStatic: function() { + return this.wrapper.hasClass('layout-static') && !this.isMobile(); + } +}); + +PrimeFaces.FreyaConfigurator = { + + changeLayout: function( componentTheme, darkMode ) { + this.changeLayoutsTheme(darkMode); + this.changeDemo(darkMode); + this.changeComponentsTheme(componentTheme, darkMode); + this.changeSectionTheme( darkMode, 'layout-menu'); + this.changeSectionTheme( darkMode , 'layout-topbar'); + }, + + changeLayoutsTheme: function(darkMode) { + newLayout = '-' + darkMode; + var linkElement = $('link[href*="layout-"]'); + var href = linkElement.attr('href'); + var startIndexOf = href.indexOf('layout-') + 6; + var endIndexOf = href.indexOf('.css'); + var currentColor = href.substring(startIndexOf, endIndexOf); + this.replaceLink(linkElement, href.replace(currentColor, newLayout)); + }, + + changeDemo: function(darkMode) { + newLayout = '-' + darkMode; + var linkElement = $('link[href*="demo-"]'); + var href = linkElement.attr('href'); + var startIndexOf = href.indexOf('demo-') + 4; + var endIndexOf = href.indexOf('.css'); + var currentColor = href.substring(startIndexOf, endIndexOf); + + this.replaceLink(linkElement, href.replace(currentColor, newLayout)); + }, + + changeComponentsTheme: function(themeColor, darkMode) { + theme = this.getColor(themeColor, darkMode); + var library = 'primefaces-freya'; + var linkElement = $('link[href*="theme.css"]'); + var href = linkElement.attr('href'); + var index = href.indexOf(library) + 1; + var currentTheme = href.substring(index + library.length); + + this.replaceLink(linkElement, href.replace(currentTheme, theme)); + }, + + changeSectionTheme: function(theme, section) { + var wrapperElement = $('.layout-wrapper'); + + var styleClass = wrapperElement.attr('class'); + var tokens = styleClass.split(' '); + var sectionClass; + for (var i = 0; i < tokens.length; i++) { + if (tokens[i].indexOf(section + '-') > -1) { + sectionClass = tokens[i]; + break; + } + } + + wrapperElement.attr('class', styleClass.replace(sectionClass, section + '-' + theme)); + }, + + changeMenuMode: function(menuMode) { + var wrapper = $(document.body).children('.layout-wrapper'); + switch (menuMode) { + case 'layout-sidebar': + wrapper.addClass('layout-sidebar').removeClass('layout-slim layout-horizontal '); + this.clearLayoutState(); + break; + + case 'layout-horizontal': + wrapper.addClass('layout-horizontal').removeClass('layout-static layout-slim layout-sidebar'); + this.clearLayoutState(); + break; + + case 'layout-slim': + wrapper.addClass('layout-slim').removeClass('layout-static layout-horizontal layout-sidebar'); + this.clearLayoutState(); + break; + + default: + wrapper.addClass('layout-sidebar').removeClass('layout-slim layout-horizontal '); + this.clearLayoutState(); + break; + } + }, + + beforeResourceChange: function() { + PrimeFaces.ajax.RESOURCE = null; //prevent resource append + }, + + replaceLink: function(linkElement, href) { + PrimeFaces.ajax.RESOURCE = 'javax.faces.Resource'; + + var isIE = this.isIE(); + + if (isIE) { + linkElement.attr('href', href); + } + else { + var cloneLinkElement = linkElement.clone(false); + + cloneLinkElement.attr('href', href); + linkElement.after(cloneLinkElement); + + cloneLinkElement.off('load').on('load', function() { + linkElement.remove(); + }); + + // for dashboard + setTimeout(function() { + if (window['redrawChart']) { + window.redrawChart(); + } + }, 100); + } + }, + + getColor: function(name, darkMode) { + return name + '-' + darkMode; + }, + + isIE: function() { + return /(MSIE|Trident\/|Edge\/)/i.test(navigator.userAgent); + }, + + clearLayoutState: function() { + var menu = PF('FreyaMenuWidget'); + + if (menu) { + menu.clearLayoutState(); + } + }, + + updateInputStyle: function(value) { + if (value === 'filled') + $(document.body).addClass('ui-input-filled'); + else + $(document.body).removeClass('ui-input-filled'); + } +}; + +/*! + * jQuery Cookie Plugin v1.4.1 + * https://github.com/carhartl/jquery-cookie + * + * Copyright 2006, 2014 Klaus Hartl + * Released under the MIT license + */ +(function (factory) { + if (typeof define === 'function' && define.amd) { + // AMD (Register as an anonymous module) + define(['jquery'], factory); + } else if (typeof exports === 'object') { + // Node/CommonJS + module.exports = factory(require('jquery')); + } else { + // Browser globals + factory(jQuery); + } +}(function ($) { + + var pluses = /\+/g; + + function encode(s) { + return config.raw ? s : encodeURIComponent(s); + } + + function decode(s) { + return config.raw ? s : decodeURIComponent(s); + } + + function stringifyCookieValue(value) { + return encode(config.json ? JSON.stringify(value) : String(value)); + } + + function parseCookieValue(s) { + if (s.indexOf('"') === 0) { + // This is a quoted cookie as according to RFC2068, unescape... + s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\'); + } + + try { + // Replace server-side written pluses with spaces. + // If we can't decode the cookie, ignore it, it's unusable. + // If we can't parse the cookie, ignore it, it's unusable. + s = decodeURIComponent(s.replace(pluses, ' ')); + return config.json ? JSON.parse(s) : s; + } catch (e) { } + } + + function read(s, converter) { + var value = config.raw ? s : parseCookieValue(s); + return $.isFunction(converter) ? converter(value) : value; + } + + var config = $.cookie = function (key, value, options) { + + // Write + + if (arguments.length > 1 && !$.isFunction(value)) { + options = $.extend({}, config.defaults, options); + + if (typeof options.expires === 'number') { + var days = options.expires, t = options.expires = new Date(); + t.setMilliseconds(t.getMilliseconds() + days * 864e+5); + } + + return (document.cookie = [ + encode(key), '=', stringifyCookieValue(value), + options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE + options.path ? '; path=' + options.path : '', + options.domain ? '; domain=' + options.domain : '', + options.secure ? '; secure' : '' + ].join('')); + } + + // Read + + var result = key ? undefined : {}, + // To prevent the for loop in the first place assign an empty array + // in case there are no cookies at all. Also prevents odd result when + // calling $.cookie(). + cookies = document.cookie ? document.cookie.split('; ') : [], + i = 0, + l = cookies.length; + + for (; i < l; i++) { + var parts = cookies[i].split('='), + name = decode(parts.shift()), + cookie = parts.join('='); + + if (key === name) { + // If second argument (value) is a function it's a converter... + result = read(cookie, value); + break; + } + + // Prevent storing a cookie that we couldn't decode. + if (!key && (cookie = read(cookie)) !== undefined) { + result[name] = cookie; + } + } + + return result; + }; + + config.defaults = {}; + + $.removeCookie = function (key, options) { + // Must not alter options, thus extending a fresh object... + $.cookie(key, '', $.extend({}, options, { expires: -1 })); + return !$.cookie(key); + }; + +})); + +if (PrimeFaces.widget.InputSwitch) { + PrimeFaces.widget.InputSwitch = PrimeFaces.widget.InputSwitch.extend({ + + init: function (cfg) { + this._super(cfg); + + if (this.input.prop('checked')) { + this.jq.addClass('ui-inputswitch-checked'); + } + }, + + check: function () { + var $this = this; + + this.input.prop('checked', true).trigger('change'); + setTimeout(function () { + $this.jq.addClass('ui-inputswitch-checked'); + }, 100); + }, + + uncheck: function () { + var $this = this; + + this.input.prop('checked', false).trigger('change'); + setTimeout(function () { + $this.jq.removeClass('ui-inputswitch-checked'); + }, 100); + } + }); +} + +if (PrimeFaces.widget.AccordionPanel) { + PrimeFaces.widget.AccordionPanel = PrimeFaces.widget.AccordionPanel.extend({ + + init: function (cfg) { + this._super(cfg); + + this.headers.last().addClass('ui-accordion-header-last'); + } + }); +} + +/* Issue #924 is fixed for 5.3+ and 6.0. (compatibility with 5.3) */ +if(window['PrimeFaces'] && window['PrimeFaces'].widget.Dialog) { + PrimeFaces.widget.Dialog = PrimeFaces.widget.Dialog.extend({ + + enableModality: function() { + this._super(); + $(document.body).children(this.jqId + '_modal').addClass('ui-dialog-mask'); + }, + + syncWindowResize: function() {} + }); +} + +if (PrimeFaces.widget.SelectOneMenu) { + PrimeFaces.widget.SelectOneMenu = PrimeFaces.widget.SelectOneMenu.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.m_panel = $(this.jqId + '_panel'); + this.m_focusInput = $(this.jqId + '_focus'); + + this.m_panel.addClass('ui-input-overlay-panel'); + this.jq.addClass('ui-inputwrapper'); + + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.off('change').on('change', function () { + $this.inputValueControl($(this)); + }); + + this.m_focusInput.on('focus.ui-selectonemenu', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-selectonemenu', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }); + + if (this.cfg.editable) { + this.label.on('input', function (e) { + $this.inputValueControl($(this)); + }).on('focus', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('blur', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl($(this)); + }); + } + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} + +if (PrimeFaces.widget.Chips) { + PrimeFaces.widget.Chips = PrimeFaces.widget.Chips.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.jq.addClass('ui-inputwrapper'); + + if ($this.jq.find('.ui-chips-token').length !== 0) { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.on('focus.ui-chips', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('input.ui-chips', function () { + $this.inputValueControl(); + }).on('blur.ui-chips', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl(); + }); + + } + }, + + inputValueControl: function () { + if (this.jq.find('.ui-chips-token').length !== 0 || this.input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} + +if (PrimeFaces.widget.DatePicker) { + PrimeFaces.widget.DatePicker = PrimeFaces.widget.DatePicker.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label') && !this.cfg.inline) { + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.jqEl.off('focus.ui-datepicker blur.ui-datepicker change.ui-datepicker') + .on('focus.ui-datepicker', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-datepicker', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }) + .on('change.ui-datepicker', function () { + $this.inputValueControl($(this)); + }); + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/js/prism.js b/src/main/resources/META-INF/resources/js/prism.js new file mode 100644 index 0000000..4cbeb12 --- /dev/null +++ b/src/main/resources/META-INF/resources/js/prism.js @@ -0,0 +1,10 @@ +/* PrismJS 1.22.0 +https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+java&plugins=line-numbers */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,_={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof M?new M(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);y+=m.value.length,m=m.next){var k=m.value;if(t.length>n.length)return;if(!(k instanceof M)){var b,x=1;if(h){if(!(b=W(p,y,n,f)))break;var w=b.index,A=b.index+b[0].length,P=y;for(P+=m.value.length;P<=w;)m=m.next,P+=m.value.length;if(P-=m.value.length,y=P,m.value instanceof M)continue;for(var S=m;S!==t.tail&&(Pl.reach&&(l.reach=N);var j=m.prev;O&&(j=z(t,j,O),y+=O.length),I(t,j,x);var C=new M(o,g?_.tokenize(E,g):E,d,E);m=z(t,j,C),L&&z(t,m,L),1"+a.content+""},!u.document)return u.addEventListener&&(_.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(_.highlight(r,_.languages[t],t)),a&&u.close()},!1)),_;var e=_.util.currentScript();function t(){_.manual||_.highlightAll()}if(e&&(_.filename=e.src,e.hasAttribute("data-manual")&&(_.manual=!0)),!_.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return _}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^>]*>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(s){var e=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),string:{pattern:e,greedy:!0},property:/(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),s.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:s.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--?|-=|\+\+?|\+=|!=?|~|\*\*?|\*=|\/=?|%=?|<<=?|>>=?|<=?|>=?|==?|&&?|&=|\^=?|\|\|?|\|=|\?|:/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|x[0-9a-fA-F]{1,2}|u[0-9a-fA-F]{4}|U[0-9a-fA-F]{8})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)\w+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b\w+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+?)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)(["'])(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|(?!\2)[^\\`$])*\2/,lookbehind:!0,greedy:!0,inside:a}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|aptitude|apt-cache|apt-get|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:if|then|else|elif|fi|for|while|in|case|esac|function|select|do|done|until)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|break|cd|continue|eval|exec|exit|export|getopts|hash|pwd|readonly|return|shift|test|times|trap|umask|unset|alias|bind|builtin|caller|command|declare|echo|enable|help|let|local|logout|mapfile|printf|read|readarray|source|type|typeset|ulimit|unalias|set|shopt)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:true|false)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|==?|!=?|=~|<<[<-]?|[&\d]?>>|\d?[<>]&?|&[>&]?|\|[&|]?|<=?|>=?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],i=a.variable[1].inside,o=0;o>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0}}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,inside:{"class-name":a,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},namespace:{pattern:RegExp("(\\b(?:exports|import(?:\\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\\s+)(?!)[a-z]\\w*(?:\\.[a-z]\\w*)*\\.?".replace(//g,function(){return t.source})),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows");if(t){var i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1 + + + Gestion des Aides - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Aides +

+

#{aideBean.totalAides} aides • #{aideBean.montantDistribue} distribués • #{aideBean.budgetDisponible} disponible

+
+ +
+ + + +
+ +
+
+
+
+ + +
+
+
+
+
+
#{aideBean.aidesActives}
+
Aides Actives
+
+
+ +
+
+
+
+ +
+
+
+
+
#{aideBean.montantDistribue}
+
Montant Distribué
+
+
+ +
+
+
+
+ +
+
+
+
+
#{aideBean.beneficiaires}
+
Bénéficiaires
+
+
+ +
+
+
+
+ +
+
+
+
+
#{aideBean.enAttente}
+
En Attente
+
+
+ +
+
+
+
+
+ + +
+
+
+
Budget des Aides
+
+
+
+
#{aideBean.budgetTotal}
+
Budget Total
+
+
+
+
+
#{aideBean.budgetUtilise}
+
Utilisé
+
+
+
+
+
#{aideBean.budgetDisponible}
+
Disponible
+
+
+
+ +
+
+ +
+
+
Prochaines Échéances
+ +
+
+
#{aide.beneficiaire}
+ #{aide.typeAide} +
+
+
#{aide.prochainVersement}
+ #{aide.dateEcheance} +
+
+ +
+
+
+ + +
+
+
+
Évolution des Aides (12 derniers mois)
+
+
+
+
15
+
Jan
+
+
+
+
+
22
+
Fév
+
+
+
+
+
18
+
Mar
+
+
+
+
+
25
+
Avr
+
+
+
+
+
12
+
Mai
+
+
+
+
+
28
+
Juin
+
+
+
+
+
235
+
Total aides accordées cette année
+
+
+
+ +
+
+
Répartition par Type
+
+
+
+ 🏥 Médicale + 45% +
+
+
+
+ 👥 Sociale + 30% +
+
+
+
+ 🎓 Scolaire + 15% +
+
+
+
+ 🚨 Urgence + 10% +
+
+
+
+
+
+ + +
+ +
Gestion des Aides
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + +
+
+ +
+ #{aide.initialesBeneficiaire} +
+
+
+
#{aide.nomCompletBeneficiaire}
+
+ #{aide.numeroMembre} + • + #{aide.telephoneBeneficiaire} +
+
+
+ + + +
+
+ +
+ #{aide.type} +
+ + + + + + + +
+
#{aide.montantTotal}
+ #{aide.frequence} +
+ + + +
+
#{aide.montantVerse}
+ +
+ + + + + + + + + + + + + + + + + + + +
+
#{aide.prochainVersementMontant}
+ #{aide.prochainVersementDate} +
+ - + + + +
+ + + + + + + +
+ + + + +
+
+ #{aideBean.selectedAides.size()} aide(s) sélectionnée(s) +
+
+ + + +
+
+ +
+ + + + +
+
+
+
+ + + +
+
+ #{membre.initiales} +
+
+
#{membre.nomComplet}
+ #{membre.numeroMembre} +
+
+ + +
+ +
+ + + + + + + + + + +
+ +
+ + +
+ +
+ + + + + + + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+ +
+ + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/audit.xhtml b/src/main/resources/META-INF/resources/pages/admin/audit.xhtml new file mode 100644 index 0000000..2ba44c0 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/audit.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Administration Audit + +
+
+
+

Administration - Audit

+

Page d'administration en cours de développement...

+ +
+
+
+ + diff --git a/src/main/resources/META-INF/resources/pages/admin/audit/journal.xhtml b/src/main/resources/META-INF/resources/pages/admin/audit/journal.xhtml new file mode 100644 index 0000000..f3296ba --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/audit/journal.xhtml @@ -0,0 +1,460 @@ + + + + Journal d'Audit - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Filtres de Recherche
+
+
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + + + + + + + + + + +
+ +
+ + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + +
+
+
+
+ +
+ + +
+ +
Journal d'Audit
+ + + + +
+
#{log.dateFormatee}
+
#{log.heureFormatee}
+
+ + + + + + + +
+ +
+
#{log.utilisateur}
+
#{log.role}
+
+
+ + + +
+ + #{log.actionLibelle} +
+ + + + + + + +
#{log.description}
+
+ #{log.details} +
+ + + +
+ #{log.ipAddress} +
+
#{log.userAgentCourt}
+ + + +
+ + + + + + + + + +
+ + + +
+ + + + +
+
+ + Informations Générales + +
+
+
+ +
#{auditBean.evenementSelectionne.dateHeureComplete}
+
+
+
+
+ +
+ +
+
+
+
+
+ +
#{auditBean.evenementSelectionne.utilisateur}
+
+
+
+
+ +
#{auditBean.evenementSelectionne.role}
+
+
+
+ + +
+ +
+ + Détails de l'Action + +
+
+
+ +
#{auditBean.evenementSelectionne.description}
+
+
+
+
+ +
#{auditBean.evenementSelectionne.details}
+
+
+
+
+ + 
#{auditBean.evenementSelectionne.donneesAvant}
+
+
+
+
+ + 
#{auditBean.evenementSelectionne.donneesApres}
+
+
+
+ + +
+ +
+ + Informations Techniques + +
+
+
+ +
#{auditBean.evenementSelectionne.ipAddress}
+
+
+
+
+ +
#{auditBean.evenementSelectionne.sessionId}
+
+
+
+
+ +
#{auditBean.evenementSelectionne.userAgent}
+
+
+
+ + +
+
+ + + + + + + + + + + + + + + +
+
+
+ + + + + + + +
+
+ +
+
+ +
+
+
+ + +
+ + + + + + + + + + + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/admin/backup.xhtml b/src/main/resources/META-INF/resources/pages/admin/backup.xhtml new file mode 100644 index 0000000..2ced305 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/backup.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Administration Backup + +
+
+
+

Administration - Backup

+

Page d'administration en cours de développement...

+ +
+
+
+ + diff --git a/src/main/resources/META-INF/resources/pages/admin/cotisations/gestion.xhtml b/src/main/resources/META-INF/resources/pages/admin/cotisations/gestion.xhtml new file mode 100644 index 0000000..0e37385 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/cotisations/gestion.xhtml @@ -0,0 +1,725 @@ + + + + Gestion des Cotisations - UnionFlow + + +
+ +
+
+
+

+ + Gestion des Cotisations +

+

+ 127 organisations • + #{cotisationsGestionBean.periodeActuelle} • + Recouvrement: #{cotisationsGestionBean.tauxRecouvrement}% • + #{cotisationsGestionBean.totalMembresActifs} membres actifs +

+
+
+ + + + + +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+
+
+
+ + Top 5 Organisations Performantes +
+ + + + + + +
+ + + +
+
+ +
+ #{org.nom} +
+ + + + + + #{org.montantCollecte} FCFA + + + + + +
+
+ + +
+
+
+ + Méthodes de Paiement +
+ +
+
+
+ + Wave Money +
+ #{cotisationsGestionBean.paiementsWave}% +
+ +
+ +
+
+
+ + Virement +
+ #{cotisationsGestionBean.paiementsVirement}% +
+ +
+ +
+
+
+ + Espèces +
+ #{cotisationsGestionBean.paiementsEspeces}% +
+ +
+
+
+
+ + +
+ +
+ +
+ + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + +
+
+ + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+
+ +
+ + +
+ + +
+ + +
+ +
+
+ + Liste des Cotisations +
+
+ + +
+
+ + + + + + +
+ +
+
#{cotisation.nomOrganisation}
+
#{cotisation.regionOrganisation}
+
+
+ + + +
+
+ #{cotisation.initialesMembre} +
+
+
#{cotisation.nomCompletMembre}
+
#{cotisation.numeroMembre} • #{cotisation.typeMembre}
+
+
+ + + + + + + +
+
#{cotisation.periode}
+
#{cotisation.annee}
+
+ + + + #{cotisation.montantFormatte} FCFA + + + + + + + +
+
#{cotisation.dateEcheanceFormattee}
+
#{cotisation.retardTexte}
+
+ + + +
+
#{cotisation.datePaiementFormattee}
+
+ + #{cotisation.modePaiementLibelle} +
+
+ Non payé + + + +
+ + + + +
+ + + + +
+
+ + + #{cotisationsGestionBean.cotisationsSelectionnees.size()} cotisation(s) sélectionnée(s) + + + Montant total: #{cotisationsGestionBean.montantTotalSelectionne} + +
+
+ +
+ + +
+
+
+
+ + Intégration Wave Money +
+ +
+
+
+
Membres actifs
+
#{cotisationsGestionBean.membresPrelevementActif}
+
+
+
Montant mensuel
+
#{cotisationsGestionBean.montantPrelevementMensuel}
+
+
+
Prochain prélèvement
+
#{cotisationsGestionBean.prochainPrelevement}
+
+
+
+ + +
+ + + +
+ +
+
+ +
+
+
+ + Actions Rapides +
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ + + + + + +
+
+ + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+ + + + + + +
+
Cotisations sélectionnées
+
#{cotisationsGestionBean.cotisationsSelectionnees.size()}
+
Montant total: #{cotisationsGestionBean.montantTotalSelectionne}
+
+ +
+ + + + + + + +
+ + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/demandes/aide-sociale.xhtml b/src/main/resources/META-INF/resources/pages/admin/demandes/aide-sociale.xhtml new file mode 100644 index 0000000..2cbba59 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/demandes/aide-sociale.xhtml @@ -0,0 +1,558 @@ + + + + Gestion des Demandes d'Aide - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Demandes d'Aide +

+

Traitement et suivi des demandes d'assistance

+
+ +
+ + + +
+ +
+
+
+
+ + +
+
+
+
+
+
#{demandesAideBean.statistiques.totalDemandes}
+
Total Demandes
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandesAideBean.statistiques.demandesEnAttente}
+
En Attente
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandesAideBean.statistiques.demandesApprouvees}
+
Approuvées
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandesAideBean.statistiques.montantTotalAide}
+
Aide Accordée
+
+
+ +
+
+
+
+
+ + +
+
🚨 Demandes Prioritaires
+
+ +
+
+
+
+
+ +
+
+
#{demande.demandeur}
+ +
+
+ +
+ +
+
+ + #{demande.dateDemandeFormatee} +
+
+ + #{demande.localisation} +
+
+ + #{demande.montantDemandeFormatte} +
+
+ +
+ #{demande.motif} +
+ +
+ #{demande.joursDepuisDemande} jours + +
+ + + + + + +
+ +
+
+
+ +
+
+ + +
+
📋 Workflow de Traitement
+
+ +
+
+
+ +
+
#{etape.libelle}
+
#{etape.nombre}
+
demandes
+
+
+ +
+
+ +
+
+ + +
+
Filtres et Recherche
+ +
+
+
+
+ + + + +
+
+
+
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + +
+
+
+
+ + + + + + + + + +
+
+
+ +
+
+
+ + + + +
+
+
+
+ + + + +
+
+
+
+ + + + +
+
+
+ +
+ + +
+
+ +
+ + +
+
+
Demandes d'Aide (#{demandesAideBean.demandesFiltrees.size()})
+
+ + + + + #{demandesAideBean.demandesFiltrees.size()} sur #{demandesAideBean.toutesLesDemandes.size()} demandes + +
+
+ + + + + + +
+
+ +
+
+
#{demande.demandeur}
+
#{demande.telephone}
+
+
+ + + + + + + +
#{demande.motif}
+
+ #{demande.description.length() > 50 ? demande.description.substring(0, 50) + '...' : demande.description} +
+ + + +
#{demande.montantDemandeFormatte}
+
+ Accordé: #{demande.montantAccordeFormatte} +
+ + + +
#{demande.dateDemandeFormatee}
+
#{demande.joursDepuisDemande} jours
+ + + +
#{demande.localisation}
+ + + + + + + + + + + + +
+ + + + + + + + + + + + +
+ + + +
+ + + + +
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + + + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + +
+ +
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+
+ +
+ + +
+ + + + + + +
+
+ + + + + + + + + + + +
+
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/demandes/gestion-old.xhtml b/src/main/resources/META-INF/resources/pages/admin/demandes/gestion-old.xhtml new file mode 100644 index 0000000..d7c7506 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/demandes/gestion-old.xhtml @@ -0,0 +1,561 @@ + + + + Gestion des Demandes d'Aide - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Demandes d'Aide +

+

Traitement et suivi des demandes d'assistance

+
+ +
+ + + +
+ +
+
+
+
+ + +
+
+
+
+
+
#{demandeBean.enAttente}
+
En Attente
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandeBean.urgentes}
+
Urgentes
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandeBean.traitees}
+
Traitées
+
+
+ +
+
+
+
+ +
+
+
+
+
#{demandeBean.delaiMoyenTraitement}
+
Délai Moyen (jours)
+
+
+ +
+
+
+
+
+ + +
+
+
+
+ + Demandes Urgentes +
+ +
+
+
+ #{demande.objet} + +
+
+ + #{demande.demandeur} • #{demande.numeroMembre} +
+
+ Déposée #{demande.dateDepotRelative} • Échéance: #{demande.dateEcheance} +
+
+ +
+ + +
+ +
+ + + + + +
+
+ +
+
+
+ + Dernières Demandes +
+ +
+
+ +
+
+
+ #{demande.objet} + #{demande.dateDepotRelative} +
+
+ #{demande.demandeur} • #{demande.numeroMembre} +
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+
+
+
Évolution des Demandes
+
📊
Graphique temporaire
+
+
+ +
+
+
Répartition par Type
+
📊
Graphique temporaire
+
+
+
+ + +
+ +
Toutes les Demandes
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + +
+
+ #{demande.initialesDemandeur} +
+
+
#{demande.nomCompletDemandeur}
+ #{demande.numeroMembre} • #{demande.telephoneDemandeur} +
+
+ + + +
+
+ +
+ #{demande.type} +
+ + + + + + + + + + + + + + + +
+
#{demande.dateDepot}
+ #{demande.heureDepot} +
+ + + + + + + + + + + Non assignée + + + +
+ + + + + + +
+ + + + +
+
+ #{demandeBean.selectedDemandes.size()} demande(s) sélectionnée(s) +
+
+ + + +
+
+ +
+ + + + +
+
+
+
+ + + +
+
+ #{membre.initiales} +
+
+
#{membre.nomComplet}
+ #{membre.numeroMembre} +
+
+ + +
+ +
+ + + + + + + + + + +
+ +
+ + + + + + + +
+
+ +
+
+ + +
+ +
+ + +
+ +
+ + + + + +
+
+ +
+
+ + +
+ +
+ + +
+
+
+
+ +
+ + +
+ + + + + + +
+
+ + + + + +
+ +
+ + +
+ +
+
Demandes sélectionnées :
+
#{demandeBean.selectedDemandes.size()} demande(s) seront assignées
+
+
+ +
+ + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/demandes/gestion.xhtml b/src/main/resources/META-INF/resources/pages/admin/demandes/gestion.xhtml new file mode 100644 index 0000000..45939d6 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/demandes/gestion.xhtml @@ -0,0 +1,714 @@ + + + + Gestion des Demandes d'Aide - UnionFlow + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + Demandes Urgentes +
+ + +
+
+
+
+ +
+
+
+
#{demande.objet}
+ +
+
+ + #{demande.demandeur} • #{demande.numeroMembre} +
+
+ + Déposée #{demande.dateDepotRelative} + • + + Échéance: #{demande.dateEcheance} +
+
+
+ +
+ + + + + + + + + + + + + + + + +
+ +
+
+ + +
+ + + + + + + + + + +
+
+
+
+ +
+
+
+
+ + Dernières Demandes +
+ + +
+
+
+
+ +
+
+
+
#{demande.objet}
+ #{demande.dateDepotRelative} +
+
+ + #{demande.demandeur} • #{demande.numeroMembre} +
+ +
+
+ +
+ + + + + + + + +
+ +
+
+ +
+
+
+
+ + + + + + +
+
+ + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+
+ + + +
+ + + + + + + + + + +
+ + + + +
+
+ +
+
+ + Toutes les Demandes +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + +
+
+ #{demande.initialesDemandeur} +
+
+
#{demande.nomCompletDemandeur}
+ #{demande.numeroMembre} • #{demande.telephoneDemandeur} +
+
+ + + +
+
+ +
+ #{demande.type} +
+ + + + + + + + + + + + + + + +
+
+ + + +
+ #{demande.heureDepot} +
+ + + +
+
+ + + +
+ #{demande.dateDepotRelative} +
+ + + + + Non assignée + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+ + + + + + + + + +
+
+ + + +
+
+ #{membre.initiales} +
+
+
#{membre.nomComplet}
+ #{membre.numeroMembre} +
+
+ + +
+ +
+ + + + + + + + + + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + + + + + +
+ +
+ + + + + +
+ +
+ + + + + + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + +
+ +
+ + + + + + + +
+ +
+
+
Demandes sélectionnées :
+
#{demandeBean.selectedDemandes.size()} demande(s) seront assignées
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/pages/admin/documents/gestion.xhtml b/src/main/resources/META-INF/resources/pages/admin/documents/gestion.xhtml new file mode 100644 index 0000000..a3b3f12 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/documents/gestion.xhtml @@ -0,0 +1,613 @@ + + + + Gestion des Documents - UnionFlow + + +
+ +
+
+
+
+

+ + Gestion des Documents +

+

Centralisation et organisation documentaire

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+
+ Total Documents +
+ +
+
+
#{documentsBean.statistiques.totalDocuments}
+
+
+ Actifs +
+
+
+
+ +
+
+
+
+ Dossiers +
+ +
+
+
#{documentsBean.statistiques.totalDossiers}
+
+
+ Organisés +
+
+
+
+ +
+
+
+
+ Espace Utilisé +
+ +
+
+
#{documentsBean.statistiques.espaceUtilise}
+
+
+ Stockage +
+
+
+
+ +
+
+
+
+ Partages +
+ +
+
+
#{documentsBean.statistiques.partagesMois}
+
+
+ ce mois +
+
+
+
+
+ + +
+
+
+
+ + Navigation +
+
+ + + +
+
+ + +
+ +
+
+
+
+ +
+
+
#{dossier.nom}
+
#{dossier.nombreDocuments} documents
+
Modifié #{dossier.derniereModificationRelative}
+
+ + + + + +
+
+
+ +
+
+
+ + +
+
+
+ + Filtres et Recherche +
+ +
+
+
+ + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ +
+ + +
+
+ +
+
+ + +
+
+
+
+ + Documents (#{documentsBean.documentsFiltres.size()}) +
+
+ + + +
+ + + + +
+ + #{documentsBean.documentsFiltres.size()} sur #{documentsBean.tousLesDocuments.size()} documents + +
+
+ + +
+ +
+
+
+
+ +
+ + + +
+ +
#{document.nom}
+ +
+ + #{document.taille} +
+ +
+
+ + #{document.auteur} +
+
+ + #{document.dateCreationFormatee} +
+
+ + #{document.nombreVues} vues +
+
+ +
+ + +
+ + + + + + + +
+ +
+
+
+ +
+ + + + + + + +
+
+ +
+
+
#{document.nom}
+
#{document.description}
+
+
+ + + + #{document.type} + + + + + + + + #{document.taille} + + + +
+
+ #{document.auteur} +
+ + + +
#{document.dateCreationFormatee}
+
#{document.dateCreationRelative}
+ + + +
+ #{document.nombreVues} +
+ + + + + + + + +
+ + + + + + + + + + + +
+ + + +
+
+ + + + +
+
+
+ + +
+ +
+ + + + + + + + + + +
+ +
+ + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+ + +
+ + + + + + +
+
+ + + + + + + + + + + +
+
+ +
+ +
+ + +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/evenements/creation.xhtml b/src/main/resources/META-INF/resources/pages/admin/evenements/creation.xhtml new file mode 100644 index 0000000..2bce369 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/evenements/creation.xhtml @@ -0,0 +1,541 @@ + + + + Créer un Événement - UnionFlow + + + +
+
+
+
+
+

+ + Créer un Nouvel Événement +

+

Planifiez et organisez vos événements avec tous les détails nécessaires

+
+
+ +
+
+
+
+
+ + +
+
Progression de création
+
+
+
+ +
Informations de base
+ +
+
+
+
+ +
Date et lieu
+ +
+
+
+
+ +
Participants
+ +
+
+
+
+ +
Tarification
+ +
+
+
+
+ +
Notifications
+ +
+
+
+
+ +
Validation
+ +
+
+
+ +
+ + + + +
+ +
+
+
+ + Informations de Base +
+ +
+ + +
+ +
+ + + + + + + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + +
+
+
+ + +
+
+
+ + Date, Heure et Lieu +
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + + + + + + +
+ +
+ + +
+ +
+ + +
+
+
+ + +
+
+
+ + Participants et Inscription +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + + + +
+ +
+ + +
+ +
+ + +
+
+
+ + +
+
+
+ + Tarification et Paiement +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ +
+
Tarifs par catégorie
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ + + + + + + + +
+
+
+ + +
+
+
+ + Notifications et Communication +
+ +
+
+
+ + +
+ +
+ + + + + + + +
+ +
+ + +
+
+ +
+
Rappels automatiques
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+ + Documents et Pièces Jointes +
+ +
+
+
+ + +
+ +
+ + +
+
+ +
+
+ + +
+
+
+
+
+
+ + +
+
Finalisation
+
+
+ +
+
Vérifiez toutes les informations
+
L'événement sera créé avec le statut "Planifié" et pourra être modifié ultérieurement
+
+
+
+ +
+ + + + + + + + + +
+ +
+ + + Les données de l'événement sont sécurisées et conformes RGPD + +
+
+ + + + + +
+
+
+ +
+
+

#{creationEvenementBean.evenement.titre}

+
#{creationEvenementBean.evenement.typeEvenementLibelle}
+ +
+
+ +
+
+
📅 Date et Heure
+

#{creationEvenementBean.evenement.dateCompleteFormatee}

+ +
📍 Lieu
+

#{creationEvenementBean.evenement.lieu}

+ #{creationEvenementBean.evenement.adresse} + +
👥 Participants
+

Maximum #{creationEvenementBean.evenement.placesMax} places

+

Public: #{creationEvenementBean.evenement.publicCibleFormate}

+
+ +
+
💰 Tarification
+

+ Gratuit + + Prix: #{creationEvenementBean.evenement.prix} FCFA + +

+ +
🔔 Notifications
+

Canaux: #{creationEvenementBean.evenement.canauxNotificationFormates}

+ +
👨‍💼 Organisateur
+

#{creationEvenementBean.evenement.organisateur}

+
+ +
+
📝 Description
+

#{creationEvenementBean.evenement.description}

+
+
+
+ +
+ + + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/evenements/gestion.xhtml b/src/main/resources/META-INF/resources/pages/admin/evenements/gestion.xhtml new file mode 100644 index 0000000..fe62f42 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/evenements/gestion.xhtml @@ -0,0 +1,588 @@ + + + + Gestion des Événements - UnionFlow + + +
+ +
+
+
+

+ + Gestion des Événements +

+

+ Planification et suivi des activités associatives • + #{evenementsBean.statistiques.totalEvenements} événements • + #{evenementsBean.statistiques.evenementsActifs} actifs +

+
+
+ + + + + +
+
+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+ + Événements à Venir +
+
+ +
+
+
+
+
+ +
+
+
#{event.titre}
+ +
+
+ #{event.joursRestants}j +
+ +
+
+ + #{event.dateDebutFormatee} +
+
+ + #{event.lieu} +
+
+ + #{event.participantsInscrits}/#{event.capaciteMax} participants +
+
+ +
+
+ +
#{event.tauxInscription}% rempli
+
+ + + + + +
+
+
+ +
+
+ + + +
+
+ + Filtres et Recherche +
+ +
+ +
+ + + + +
+ +
+ + + + + + + + + + +
+ +
+ + + + + + + + + +
+ +
+ + + + + + + + + +
+ + +
+ +
+ + + + + + +
+
+ +
+ + + + +
+ +
+ +
+ +
+
+
+ +
+ + + +
+ +
+
+ + Liste des Événements +
+
+ + +
+
+ + + + + + +
+
+ +
+
+
#{evenement.titre}
+
#{evenement.description}
+
+
+ + + + + + + +
+
#{evenement.dateDebutFormatee}
+
#{evenement.heureDebutFormatee} - #{evenement.heureFinFormatee}
+
+ + + +
+
#{evenement.lieu}
+
#{evenement.adresse}
+
+ + + +
+
+
+
#{evenement.organisateur}
+
#{evenement.organisateurEmail}
+
+
+ + Aucun organisateur + + + + +
+
#{evenement.participantsInscrits}
+
/#{evenement.capaciteMax} places
+ +
+ + + +
#{evenement.budgetFormatte}
+ + + + + + + + + + + + +
+ + + + + + + + + +
+ + + + +
+ +
+ + + + + + +
+
+ + +
+ +
+ + + + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+ + + + + + + +
+
Événement sélectionné
+
#{evenementsBean.evenementSelectionne.titre}
+
#{evenementsBean.evenementSelectionne.dateDebutFormatee}
+
+ +
+ + + + + + + + + + +
+ + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/evenements/liste.xhtml b/src/main/resources/META-INF/resources/pages/admin/evenements/liste.xhtml new file mode 100644 index 0000000..451209e --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/evenements/liste.xhtml @@ -0,0 +1,430 @@ + + + + Gestion des Événements - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Événements +

+

#{evenementBean.totalEvenements} événements • #{evenementBean.evenementsActifs} actifs • #{evenementBean.prochainEvenement}

+
+
+ + + +
+
+
+
+
+ + +
+
+
+
+
+
#{evenementBean.evenementsActifs}
+
Événements Actifs
+
+
+ +
+
+
+
+ +
+
+
+
+
#{evenementBean.totalParticipants}
+
Participants Inscrits
+
+
+ +
+
+
+
+ +
+
+
+
+
#{evenementBean.revenusEvenements}
+
Revenus Événements
+
+
+ +
+
+
+
+ +
+
+
+
+
#{evenementBean.tauxParticipation}%
+
Taux Participation
+
+
+ +
+
+
+
+
+ + +
+
+ + Prochains Événements +
+
+ +
+
+
+
+ #{event.dateFormatee} +
#{event.titre}
+
+ +
+
+ + #{event.lieu} +
+
+ + #{event.inscrits}/#{event.placesMax} inscrits + +
+ + +
+
+
+
+ +
+
+ + +
+ +
Tous les Événements
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + +
+
+ +
+
+
#{evenement.titre}
+ #{evenement.typeEvenementLibelle} +
+
+ + + +
+
#{evenement.dateDebut}
+ #{evenement.heureDebut} - #{evenement.heureFin} +
+ + + +
+ + #{evenement.lieu} +
+ + + + + + + +
+
#{evenement.nombreInscrits}/#{evenement.placesMax}
+ +
+ + + + + + + Gratuit + + + + + + + +
+ + + + + +
+ + + + +
+
+ #{evenementBean.selectedEvenements.size()} événement(s) sélectionné(s) +
+
+ + + +
+
+ +
+ + +
+
+ + Vue Calendrier +
+ + + + + + + +
+ + + + +
+
+
+ +
#{evenementBean.evenementSelectionne.titre}
+
+ +
+ +
#{evenementBean.evenementSelectionne.typeEvenementLibelle}
+
+ +
+ +
+ #{evenementBean.evenementSelectionne.dateComplete} +
+
+ +
+ +
#{evenementBean.evenementSelectionne.lieu}
+
+
+ +
+
+ +
+ +
+
+ +
+ +
+ #{evenementBean.evenementSelectionne.nombreInscrits}/#{evenementBean.evenementSelectionne.placesMax} +
+
+ +
+ +
+ + + + Gratuit +
+
+ +
+ +
#{evenementBean.evenementSelectionne.organisateur}
+
+
+ +
+
+ +
#{evenementBean.evenementSelectionne.description}
+
+
+
+ +
+ + + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/evenements/participants.xhtml b/src/main/resources/META-INF/resources/pages/admin/evenements/participants.xhtml new file mode 100644 index 0000000..ab9ee4b --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/evenements/participants.xhtml @@ -0,0 +1,517 @@ + + + + Gestion des Participants - UnionFlow + + + +
+
+
+
+
+

+ + Gestion des Participants +

+

#{participantBean.evenement.titre} • #{participantBean.dateEvenement} • #{participantBean.nombreInscrits}/#{participantBean.placesMax} places

+
+
+ + + +
+
+
+
+
+ + +
+
+
+
+
+
#{participantBean.nombreInscrits}
+
Inscrits Confirmés
+
+
+ +
+
+
+ + #{participantBean.tauxRemplissage}% de remplissage +
+
+
+ +
+
+
+
+
#{participantBean.enAttente}
+
En Attente
+
+
+ +
+
+
+
+ +
+
+
+
+
#{participantBean.montantCollecte}
+
Collecté
+
+
+ +
+
+
+
+ +
+
+
+
+
#{participantBean.accompagnateurs}
+
Accompagnateurs
+
+
+ +
+
+
+
+
+ + +
+
Actions Rapides
+
+
+
+ +
Notifications
+ + +
+
+ +
+
+ +
Check-in
+ + +
+
+ +
+
+ +
Rapports
+ + +
+
+
+
+ + +
+ +
Liste des Participants
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + +
+
+ +
+ #{participant.initiales} +
+
+
+
#{participant.nomComplet}
+
+ #{participant.numeroMembre} + • + #{participant.telephone} +
+
+
+ + + + + + + + + + + +
+
#{participant.dateInscription}
+ #{participant.heureInscription} +
+ + + +
+
#{participant.montantPaye}
+ +
+ + + + + #{participant.nombreAccompagnateurs} + + - + + + + + + - + + + +
+ + + + + + +
+ + + + +
+
+ #{participantBean.selectedParticipants.size()} participant(s) sélectionné(s) +
+
+ + + +
+
+ +
+ + + + +
+
+ + + +
+
+ #{membre.initiales} +
+
+
#{membre.nomComplet}
+ #{membre.numeroMembre} • #{membre.typeMembre} +
+
+ + +
+ +
+ + +
+ +
+ +
#{participantBean.montantAPayer} FCFA
+ #{participantBean.detailTarification} +
+ +
+ + +
+
+ +
+ + +
+ + + + + + +
+
+ + + +
+
+ #{p.initiales} +
+
+
#{p.nomComplet}
+ #{p.numeroMembre} +
+
+ + +
+ +
+ + +
+
+ +
+ + +
+ + + + + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+
+ +
+ + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/finance/caisse.xhtml b/src/main/resources/META-INF/resources/pages/admin/finance/caisse.xhtml new file mode 100644 index 0000000..7f9c9f5 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/finance/caisse.xhtml @@ -0,0 +1,385 @@ + + + + Caisse de l'Entité - UnionFlow + + + +
+
+
+
+
+

+ + Caisse de l'Entité +

+

#{caisseBean.nomEntite} • Dernière mise à jour: #{caisseBean.derniereMAJ}

+
+
+ + + +
+
+
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
Évolution du Solde
+
📊
Graphique temporaire
+
+
+ +
+
+
Répartition par Catégorie
+
📊
Graphique temporaire
+
+
+
+ + +
+ +
Journal de Caisse
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + #{mouvement.modePaiement} +
+ + + + + + + + +
+ + + +
+ + + + +
+
+
+
+
Total Entrées
+
#{caisseBean.totalEntreesPeriode}
+
+
+
+
+
Total Sorties
+
#{caisseBean.totalSortiesPeriode}
+
+
+
+
+
Solde Période
+
#{caisseBean.soldePeriode}
+
+
+
+
+ +
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+
+ +
+ + +
+ + + + + + +
+
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + +
+
+ +
+ + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/rapports/finances.xhtml b/src/main/resources/META-INF/resources/pages/admin/rapports/finances.xhtml new file mode 100644 index 0000000..9cfb019 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/rapports/finances.xhtml @@ -0,0 +1,449 @@ + + + + Rapports Financiers - UnionFlow + + + +
+
+
+
+
+

+ + Rapports Financiers +

+

Analyse complète de la situation financière • #{rapportBean.periodeAnalyse}

+
+
+ + + +
+
+
+
+
+ + +
+ +
+ + + + + + + + + + + + + + + + + +
+ +
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+
+
Évolution Revenus vs Dépenses
+
📊
Graphique en cours de développement
+
+
+ + +
+
+
Sources de Revenus
+
📊
Graphique en cours de développement
+
+
+ + +
+
+
Catégories de Dépenses
+
📊
Graphique en cours de développement
+
+
+ + +
+
+
Cash Flow Mensuel
+
📊
Graphique en cours de développement
+
+
+
+ + + + +
+ +
+
+
Top 10 Contributeurs
+ +
+
+
+ #{status.index + 1} +
+
+
#{contributeur.nom}
+ #{contributeur.numeroMembre} +
+
+
+
#{contributeur.montantTotal}
+ #{contributeur.nombreContributions} contributions +
+
+ +
+
+ + +
+
+
Prévisions Financières
+
+
+ Revenus prévus (3 mois) + #{rapportBean.revenusPrevus3Mois} +
+
+ Dépenses prévues (3 mois) + #{rapportBean.depensesPrevues3Mois} +
+
+ Solde prévisionnel + #{rapportBean.soldePrevisionnel} +
+
+ +
Recommandations
+ +
+ + #{recommandation} +
+ +
+
+
+ + +
+ +
Détail des Transactions
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + #{revenu.modePaiement} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
Indicateurs Clés de Performance
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +
+
+ + + +
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+ + + + + + +
+
+ + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/rapports/statistiques.xhtml b/src/main/resources/META-INF/resources/pages/admin/rapports/statistiques.xhtml new file mode 100644 index 0000000..1ce4092 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/rapports/statistiques.xhtml @@ -0,0 +1,566 @@ + + + + Rapports et Statistiques - UnionFlow + + +
+ +
+
+
+
+

+ + Rapports et Statistiques +

+

Analyse des données et indicateurs de performance

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ + +
+
+
+ + Période d'Analyse +
+ +
+
+
+ + + + + + + + + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + + + + + +
+
+
+ +
+
+ + + +
+
+
+
+
+ Total Membres +
+ +
+
+
#{rapportsBean.indicateurs.totalMembres}
+
+ + +#{rapportsBean.indicateurs.croissanceMembres}% + ce mois +
+
+
+
+ +
+
+
+
+ Revenus Total +
+ +
+
+
#{rapportsBean.indicateurs.revenus}
+
+ + +#{rapportsBean.indicateurs.croissanceRevenus}% + ce mois +
+
+
+
+ +
+
+
+
+ Événements +
+ +
+
+
#{rapportsBean.indicateurs.totalEvenements}
+
+ + +#{rapportsBean.indicateurs.croissanceEvenements}% + ce mois +
+
+
+
+ +
+
+
+
+ Aides Accordées +
+ +
+
+
#{rapportsBean.indicateurs.totalAides}
+
+ + +#{rapportsBean.indicateurs.croissanceAides}% + ce mois +
+
+
+
+
+ + + + +
+
+
+
+
+ + Évolution des Membres et Revenus +
+
+
+ +
+
+
#{mois.libelle}
+
+
+
#{mois.membres}
+
+
#{mois.revenus}M
+
+
+
+ +
+
+
+
+ Membres +
+
+
+ Revenus (M FCFA) +
+
+
+
+
+
+ +
+
+
+
+ + Objectifs vs Réalisations +
+
+ +
+
+ #{objectif.libelle} + #{objectif.pourcentage}% +
+ + #{objectif.pourcentage}% + +
+ Réalisé: #{objectif.realise} + Objectif: #{objectif.cible} +
+
+ +
+
+
+
+
+ + + +
+
+
+
+
+ + Répartition des Membres +
+
+ +
+
+
+
+ #{categorie.libelle} +
+
+
#{categorie.nombre}
+
#{categorie.pourcentage}%
+
+
+ +
+ +
+
+
+
+ +
+
+
+
+ + Analyse des Revenus +
+
+ +
+
+
+
+ +
+ #{source.libelle} +
+
+
#{source.montant}
+
#{source.pourcentage}%
+
+
+ +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + Top Entités Performantes +
+ + + +
+ +
+ + + +
+
+ +
+ #{entite.nom} +
+ + + +
+ #{entite.score} +
+ + + +
+ +
+ + +
+
+
+ +
+
+
+
+ + Indicateurs Clés de Performance +
+
+ + + + + + + + + + + + +
+
+
+
+
+ + +
+
+
+ + Alertes et Recommandations +
+
+ +
+
+
+
+ +
+
+
#{alerte.titre}
+
#{alerte.description}
+
+ + #{alerte.dateDetection} +
+
+
+
+
+ +
+
+
+ + +
+
+
+ + Historique des Rapports +
+ + + + #{rapport.dateGenerationFormatee} + + + +
+ + #{rapport.typeLibelle} +
+ + + + #{rapport.periodeCouverte} + + + + #{rapport.generePar} + + + + + + + + +
+ + + + + +
+ + + +
+
+ + + + +
+
+
+ + + + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+
+
+ +
+ + + +
+ + +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/admin/settings.xhtml b/src/main/resources/META-INF/resources/pages/admin/settings.xhtml new file mode 100644 index 0000000..177d4d9 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/settings.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Administration Settings + +
+
+
+

Administration - Settings

+

Page d'administration en cours de développement...

+ +
+
+
+ + diff --git a/src/main/resources/META-INF/resources/pages/admin/users.xhtml b/src/main/resources/META-INF/resources/pages/admin/users.xhtml new file mode 100644 index 0000000..09801ab --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/users.xhtml @@ -0,0 +1,20 @@ + + + UnionFlow - Administration Users + +
+
+
+

Administration - Users

+

Page d'administration en cours de développement...

+ +
+
+
+ + diff --git a/src/main/resources/META-INF/resources/pages/admin/utilisateurs/gestion.xhtml b/src/main/resources/META-INF/resources/pages/admin/utilisateurs/gestion.xhtml new file mode 100644 index 0000000..fdd490d --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/admin/utilisateurs/gestion.xhtml @@ -0,0 +1,398 @@ + + + + Gestion des Utilisateurs - UnionFlow + + +
+ +
+
+
+
+

+ + Gestion des Utilisateurs +

+

Administration des comptes et permissions utilisateurs

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+
+ Total Utilisateurs +
+ +
+
+
#{utilisateursBean.statistiques.totalUtilisateurs}
+
+
+ Comptes actifs +
+
+
+
+ +
+
+
+
+ Connectés +
+ +
+
+
#{utilisateursBean.statistiques.utilisateursConnectes}
+
+
+ En ligne maintenant +
+
+
+
+ +
+
+
+
+ Administrateurs +
+ +
+
+
#{utilisateursBean.statistiques.administrateurs}
+
+
+ Privilèges élevés +
+
+
+
+ +
+
+
+
+ Désactivés +
+ +
+
+
#{utilisateursBean.statistiques.utilisateursDesactives}
+
+
+ Comptes suspendus +
+
+
+
+
+ + +
+
+
+ + Recherche et Filtres +
+ +
+
+
+ + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + +
+
+ +
+ + +
+
+ +
+
+ + +
+
+
+
+ + Utilisateurs (#{utilisateursBean.utilisateursFiltres.size()}) +
+
+ + + +
+
+ + + + + + +
+
+ +
+
+
#{utilisateur.nomComplet}
+
#{utilisateur.email}
+
+
+ + + + + + + + #{utilisateur.organisationNom} + + + + + + + +
#{utilisateur.derniereConnexionFormatee}
+
#{utilisateur.derniereConnexionRelative}
+ + + + #{utilisateur.dateCreationFormatee} + + + + +
+ + + + + + + + + + + +
+ + + +
+
+ + + + +
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+ +
+ + + + + +
+ +
+ + +
+ +
+
+ + +
+
+
+
+ +
+ + +
+ + +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/membre/cotisations.xhtml b/src/main/resources/META-INF/resources/pages/membre/cotisations.xhtml new file mode 100644 index 0000000..d3dfac2 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/membre/cotisations.xhtml @@ -0,0 +1,575 @@ + + + + Mes Cotisations - UnionFlow + + + +
+
+
+
+
+

+ + Mes Cotisations +

+

Membre #{membreCotisationBean.numeroMembre} • Statut: #{membreCotisationBean.statutCotisations} • Dernière mise à jour: #{membreCotisationBean.derniereMAJ}

+
+ +
+ + + +
+ +
+
+
+
+ + +
+
+
+
+
+
#{membreCotisationBean.cotisationsPayees}
+
Cotisations Payées
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+
#{membreCotisationBean.cotisationsEnAttente}
+
En Attente
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreCotisationBean.montantDu}
+
Montant Dû
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreCotisationBean.totalVerse}
+
Total Versé 2024
+
+
+ +
+
+
+
+
+ + +
+
+ + Prochaines Échéances +
+
+ +
+
+
+
+
#{echeance.libelle}
+ #{echeance.periode} +
+ +
+
+
+
#{echeance.montant}
+ Échéance: #{echeance.dateEcheance} +
+ + + +
+
+
+ +
+
+ + +
+
+
+
Historique des Paiements
+
+
+
+
Jan-Mar
+
15,000 FCFA
+
+
+
+
+
Avr-Juin
+
15,000 FCFA
+
+
+
+
+
Jul-Sep
+
15,000 FCFA
+
+
+
+
+
Oct-Déc
+
10,000 FCFA
+
+
+
+
+
55,000 FCFA
+
Total versé en 2024
+
+
+
+ +
+
+
Ma Situation
+ +
+
+ Statut Membre + +
+
Type: #{membreCotisationBean.typeMembre}
+
+ +
+
+ Cotisation Mensuelle + #{membreCotisationBean.cotisationMensuelle} +
+
Basée sur votre type de membre
+
+ +
+
+ Ponctualité + #{membreCotisationBean.scorePonctualite}% +
+ +
#{membreCotisationBean.commentairePonctualite}
+
+
+ + +
+
Moyens de Paiement
+ +
+
+ +
+
Wave Money
+ Paiement mobile instantané +
+
+ +
+ +
+
Espèces
+ Paiement auprès du trésorier +
+
+ +
+ +
+
Virement Bancaire
+ Transfert vers compte association +
+
+
+
+
+
+ + +
+ +
Historique de mes Cotisations
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + +
+
#{cotisation.libelle}
+ #{cotisation.periode} +
+ + + + + + + +
+
#{cotisation.montant}
+ FCFA +
+ + + + + + + +
+
#{cotisation.dateEcheance}
+ #{cotisation.statutEcheance} +
+ + + + + + + Non payée + + + +
+ + #{cotisation.modePaiement} +
+ - + + + +
+ + + +
+ + + + +
+
+
+
+
Total Payé
+
#{membreCotisationBean.totalPayePeriode}
+
+
+
+
+
En Attente
+
#{membreCotisationBean.totalEnAttentePeriode}
+
+
+
+
+
En Retard
+
#{membreCotisationBean.totalEnRetardPeriode}
+
+
+
+
+
Taux Conformité
+
#{membreCotisationBean.tauxConformite}%
+
+
+
+
+ +
+ + + + +
+
+
+ +
+
Paiement sécurisé
+
Toutes les transactions sont cryptées et sécurisées
+
+
+
+ +
+ + + + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+
+
Coordonnées bancaires
+
+
Banque: #{membreCotisationBean.banqueAssociation}
+
IBAN: #{membreCotisationBean.ibanAssociation}
+
Référence: [Votre numéro membre]
+
+
+
+ +
+ + +
+ +
+
+ Montant total: + #{membreCotisationBean.montantAPayer} FCFA +
+
+
+ +
+ + +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+
+
+ +
+
Service sécurisé
+
Vos cotisations seront automatiquement prélevées chaque mois
+
+
+
+ +
+ + +
+ +
+ + + + + + + + + +
+ +
+ + +
+ +
+
Conditions:
+
    +
  • Montant mensuel: #{membreCotisationBean.cotisationMensuelle} FCFA
    • +
  • Vous pouvez suspendre à tout moment
    • +
  • Notification 24h avant chaque prélèvement
    • +
+
+
+ +
+ + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/membre/dashboard.xhtml b/src/main/resources/META-INF/resources/pages/membre/dashboard.xhtml new file mode 100644 index 0000000..d16d816 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/membre/dashboard.xhtml @@ -0,0 +1,385 @@ + + + + Mon Tableau de Bord - UnionFlow + + + +
+
+
+
+
+
+ +
+ #{membreDashboardBean.membre.initiales} +
+
+
+

Bonjour #{membreDashboardBean.membre.prenom} ! 👋

+

+ + #{membreDashboardBean.membre.numeroMembre} • #{membreDashboardBean.membre.typeMembre} +

+

+ + Membre depuis #{membreDashboardBean.membre.dateAdhesion} +

+
+
+ +
+ + +
+ +
+
+
+
+ + +
+
+
+
+
+
#{membreDashboardBean.statutCotisations}
+
Statut Cotisations
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreDashboardBean.evenementsInscrits}
+
Événements à venir
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreDashboardBean.aidesRecues}
+
Aides Reçues
+
+
+ +
+
+
+
+ +
+
+
+
+
#{membreDashboardBean.messagesNonLus}
+
Messages Non Lus
+
+
+ +
+
+
+
+
+ + +
+
+ + Notifications Importantes +
+ +
+ +
+
#{alerte.titre}
+
#{alerte.message}
+ #{alerte.dateRelative} +
+ +
+ +
+ +
+ +
+ + +
+
Actions Rapides
+
+
+
+ +
Cotisations
+
Consultez votre situation et payez en ligne
+ + + +
+
+ +
+
+ +
Événements
+
Découvrez et inscrivez-vous aux événements
+ + + +
+
+ +
+
+ +
Demandes
+
Faites une demande d'aide ou de service
+ + + +
+
+
+
+ + +
+
+
+
+
+ + Mes Prochains Événements +
+ + + +
+ + +
+
+ +
+
+
+ #{evenement.titre} + +
+
+ + #{evenement.dateComplete} +
+
+ + #{evenement.lieu} +
+
+ #{evenement.prixFormate} + #{evenement.nombreParticipants} participants +
+
+ +
+ + +
+ +
+ + +
+ +
Aucun événement à venir
+ + + +
+
+
+ +
+
+
+ + Ma Situation +
+ +
+
+ Cotisations 2024 + #{membreDashboardBean.cotisationsPayees}/#{membreDashboardBean.cotisationsTotales} +
+ +
+ +
+
+ Participation aux événements + #{membreDashboardBean.tauxParticipation}% +
+
#{membreDashboardBean.evenementsAssistes} événements cette année
+
+ +
+
+ Ancienneté + #{membreDashboardBean.anciennete} +
+
Membre depuis #{membreDashboardBean.dateAdhesionFormatee}
+
+
+ + +
+
+ + Rappels +
+ + +
+ +
+
#{rappel.titre}
+ #{rappel.echeance} +
+
+ + +
+ +
Tout est à jour !
+
+
+
+
+ + +
+
+
+ + Activité Récente +
+ + + +
+ + + +
+
+ +
+
+
#{activite.titre}
+
#{activite.description}
+ #{activite.dateRelative} +
+
+ + + +
+ +
Aucune activité récente
+
+
+ + +
+ +
+ + + + +
+ +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/public/formulaires.xhtml b/src/main/resources/META-INF/resources/pages/public/formulaires.xhtml new file mode 100644 index 0000000..04fda58 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/public/formulaires.xhtml @@ -0,0 +1,294 @@ + + + + Nos Formulaires - UnionFlow + + + + + + + +
+
+
Choisissez votre formule
+
+ Des solutions adaptées à chaque taille d'organisation +
+
+ Gérez efficacement votre association avec nos outils professionnels. + Commencez gratuitement et évoluez selon vos besoins. +
+
+
+ + +
+
+
+
+
+
+ +
+
+ + Économisez jusqu'à 16% +
+
+
+
+
+
+ + +
+
+ +
+ +
+
+ + +
+
+ +
+
#{formulaire.nom}
+
#{formulaire.description}
+
+ + +
+
+ #{formulaireBean.getPrixAffiche(formulaire)} +
+
+ Jusqu'à #{formulaire.quotaMaxMembres} membres +
+ +
+ #{formulaireBean.getEconomieAffichee(formulaire)} +
+ +
+ + +
+
    +
  • + + Gestion des membres +
    • +
  • + + Gestion des cotisations +
    • +
  • + + Gestion des événements +
    • +
  • + + Demandes d'aide +
    • +
  • + + Rapports avancés +
    • +
  • + + Support prioritaire +
    • +
+
+ + +
+ + + +
+
+
+ +
+ +
+
+ + +
+
+
Questions fréquentes
+
+
+
+ +
Puis-je changer de formule ?
+
Oui, vous pouvez upgrader ou downgrader à tout moment selon vos besoins.
+
+
+
+
+ +
Mes données sont-elles sécurisées ?
+
Absolument. Nous utilisons un chiffrement de niveau bancaire pour protéger vos données.
+
+
+
+
+ +
Quel support est disponible ?
+
Support par email pour tous, support prioritaire et téléphonique pour Premium+.
+
+
+
+
+
+ + + + + +
+
+
+ +
+
#{formulaireBean.formulaireSelectionne.nom}
+
#{formulaireBean.getPrixAffiche(formulaireBean.formulaireSelectionne)}
+
+ +
+
+ + + + + +
+
+ + +
+
+ + + -16% +
+
+
+
+ +
+ +
+
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/public/home.xhtml b/src/main/resources/META-INF/resources/pages/public/home.xhtml new file mode 100644 index 0000000..6dbbf53 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/public/home.xhtml @@ -0,0 +1,98 @@ + + + + + UnionFlow - Accueil + + + + +
+ +

UnionFlow

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/access-denied.xhtml b/src/main/resources/META-INF/resources/pages/secure/access-denied.xhtml new file mode 100644 index 0000000..ed1cd71 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/access-denied.xhtml @@ -0,0 +1,61 @@ + + + + Accès Refusé - UnionFlow + + +
+
+ +
+ +
+ + +

Accès Refusé

+ + +
+

Vous n'avez pas les permissions nécessaires pour accéder à cette page.

+

+ Connecté en tant que : #{userSession.currentUser.nomComplet}
+ Type de compte : #{userSession.typeCompte} +

+
+ + + +
+ + + + + + + + + + + + + +
+ + + +
+

Besoin d'aide ?

+ +
+
+
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/adhesion/demande.xhtml b/src/main/resources/META-INF/resources/pages/secure/adhesion/demande.xhtml new file mode 100644 index 0000000..c26ad11 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/adhesion/demande.xhtml @@ -0,0 +1,115 @@ + + + + + Demande d'Adhésion - UnionFlow + + + + + + + + + + +
+ +
Nouvelle Demande d'Adhésion
+ + + + +
+
+
+ + + + + +
+
+
+
+ + + + + +
+
+
+ + + + + + +
+
+
+ + +
+
+
+ + + + + + +
+
+ + + + + + +
+
+ + + +
+ + + + + + + + + + + + +
+ +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/adhesion/history.xhtml b/src/main/resources/META-INF/resources/pages/secure/adhesion/history.xhtml new file mode 100644 index 0000000..7f9b7d9 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/adhesion/history.xhtml @@ -0,0 +1,259 @@ + + + + + Historique des Adhésions - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ +
Filtres de Recherche
+
+
+ + + + + +
+
+ + + + + +
+
+ + + + + + + + + + + + + + +
+
+
+ +
+ + + + + + + + + + + + + +
+
+
+
+ +
+ + +
+ +
Historique des Adhésions
+ + + + +
+ Historique (#{adhesionsBean.adhesionsFiltrees.size()} adhésion(s)) +
+ + + + + + + + + + + +
+
#{adhesion.nomMembre}
+
#{adhesion.numeroMembre}
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference}

+
+
+
+
+ + +
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.nomMembre}

+

N° #{adhesionsBean.adhesionSelectionnee.numeroMembre}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.nomOrganisation}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.dateDemandeFormatee}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.montantPayeFormatte}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.montantRestantFormatte}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.dateApprobationFormatee}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.datePaiementFormatee}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.methodePaiementLibelle}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.observations}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.motifRejet}

+
+
+
+
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/adhesion/liste.xhtml b/src/main/resources/META-INF/resources/pages/secure/adhesion/liste.xhtml new file mode 100644 index 0000000..cce0128 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/adhesion/liste.xhtml @@ -0,0 +1,417 @@ + + + + + Liste des Adhésions - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Filtres de Recherche
+
+
+ + + + + + + + + + + + + +
+
+ + + + + + +
+
+ + + + + +
+
+
+ +
+ + + + + + + + + + + + + +
+
+
+
+ +
+ + +
+ +
Adhésions
+ + + + +
+ Liste des adhésions (#{adhesionsBean.adhesionsFiltrees.size()} adhésion(s)) +
+ + + + + + + + + +
+
#{adhesion.nomMembre}
+
#{adhesion.numeroMembre}
+
+ + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + +
+ + + + +
+
+ + + + + +
+ +
+ + + + + +
+ +
+ + +
+ + + + + + + +
+ +
+ + + + + + + + + + + + + +
+ + + + + + +
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference}

+
+
+
+
+ + +
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.nomMembre}

+

N° #{adhesionsBean.adhesionSelectionnee.numeroMembre}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.nomOrganisation}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.dateDemandeFormatee}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.montantPayeFormatte}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.montantRestantFormatte}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.dateApprobationFormatee}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.observations}

+
+
+
+
+ + + + + + +
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference} - #{adhesionsBean.adhesionSelectionnee.nomMembre}

+

Frais: #{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+
+ + +
+ +
+ + + + + + + + + + + + + +
+ + + + + + +
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference} - #{adhesionsBean.adhesionSelectionnee.nomMembre}

+
+ + + + + + + + +
+ +
+ + + + + + + +
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/adhesion/new.xhtml b/src/main/resources/META-INF/resources/pages/secure/adhesion/new.xhtml new file mode 100644 index 0000000..0818944 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/adhesion/new.xhtml @@ -0,0 +1,115 @@ + + + + + Nouvelle Adhésion - UnionFlow + + + + + + + + + + +
+ +
Créer une Nouvelle Adhésion
+ + + + +
+
+
+ + + + + +
+
+
+
+ + + + + +
+
+
+ + + + + + +
+
+
+ + +
+
+
+ + + + + + +
+
+ + + + + + +
+
+ + + +
+ + + + + + + + + + + + +
+ +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/adhesion/paiement.xhtml b/src/main/resources/META-INF/resources/pages/secure/adhesion/paiement.xhtml new file mode 100644 index 0000000..877a5b8 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/adhesion/paiement.xhtml @@ -0,0 +1,261 @@ + + + + + Paiement des Adhésions - UnionFlow + + + + + + + + + +
+ + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Adhésions Approuvées en Attente de Paiement
+ + + + +
+ Adhésions à payer + + + + + + +
+ + + +
+
#{adhesion.nomMembre}
+
#{adhesion.numeroMembre}
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+ + + + +
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference} - #{adhesionsBean.adhesionSelectionnee.nomMembre}

+

Frais d'adhésion: #{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + +
+ + + + + + +
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference} - #{adhesionsBean.adhesionSelectionnee.nomMembre}

+

Frais d'adhésion: #{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+

Montant restant: #{adhesionsBean.adhesionSelectionnee.montantRestantFormatte}

+
+ +
+ + +
+ + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/adhesion/pending.xhtml b/src/main/resources/META-INF/resources/pages/secure/adhesion/pending.xhtml new file mode 100644 index 0000000..c636f15 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/adhesion/pending.xhtml @@ -0,0 +1,257 @@ + + + + + Adhésions en Attente - UnionFlow + + + + + + + + + +
+ + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Adhésions en Attente de Validation
+ + + + +
+ Demandes en attente d'approbation +
+ + + + + + + +
+
#{adhesion.nomMembre}
+
#{adhesion.numeroMembre}
+
#{adhesion.emailMembre}
+
+ + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + +
+ + + + +
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference} - #{adhesionsBean.adhesionSelectionnee.nomMembre}

+

Frais: #{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+
+
+ +
+ + + + + + + + + + + + + +
+ + + + + + +
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference} - #{adhesionsBean.adhesionSelectionnee.nomMembre}

+
+ + + + + + + + +
+ +
+ + + + + + + +
+ + + + + + +
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference}

+
+
+
+
+ + +
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.nomMembre}

+

N° #{adhesionsBean.adhesionSelectionnee.numeroMembre} - #{adhesionsBean.adhesionSelectionnee.emailMembre}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.nomOrganisation}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.dateDemandeFormatee}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.observations}

+
+
+
+
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/adhesion/renouvellement.xhtml b/src/main/resources/META-INF/resources/pages/secure/adhesion/renouvellement.xhtml new file mode 100644 index 0000000..56e5300 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/adhesion/renouvellement.xhtml @@ -0,0 +1,167 @@ + + + + + Renouvellement d'Adhésion - UnionFlow + + + + + + + + + +
+ + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Adhésions à Renouveler
+ + + + +
+ Adhésions nécessitant un renouvellement +
+ + + +
+
#{adhesion.nomMembre}
+
#{adhesion.numeroMembre}
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference} - #{adhesionsBean.adhesionSelectionnee.nomMembre}

+

Frais actuel: #{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+
+ +
+ + +
+ + + + + + + +
+ +
+ + + + + + + + + + + + + +
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/adhesion/validation.xhtml b/src/main/resources/META-INF/resources/pages/secure/adhesion/validation.xhtml new file mode 100644 index 0000000..9036a70 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/adhesion/validation.xhtml @@ -0,0 +1,254 @@ + + + + + Validation des Adhésions - UnionFlow + + + + + + + + + +
+ + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Adhésions en Attente de Validation
+ + + + +
+ Demandes nécessitant une validation +
+ + + + + + + +
+
#{adhesion.nomMembre}
+
#{adhesion.numeroMembre}
+
+ + + + + + + + + + + + + + + +
+ + + + + + + + + + +
+ + + +
+ + + + +
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference} - #{adhesionsBean.adhesionSelectionnee.nomMembre}

+

Frais: #{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+
+
+ +
+ + + + + + + + + + + + + +
+ + + + + + +
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference} - #{adhesionsBean.adhesionSelectionnee.nomMembre}

+
+ + + + + + + + +
+ +
+ + + + + + + +
+ + + + + + +
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.numeroReference}

+
+
+
+
+ + +
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.nomMembre}

+

N° #{adhesionsBean.adhesionSelectionnee.numeroMembre}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.nomOrganisation}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.dateDemandeFormatee}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.fraisAdhesionFormatte}

+
+
+
+
+ +

#{adhesionsBean.adhesionSelectionnee.observations}

+
+
+
+
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/admin/audit.xhtml b/src/main/resources/META-INF/resources/pages/secure/admin/audit.xhtml new file mode 100644 index 0000000..ab639ce --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/admin/audit.xhtml @@ -0,0 +1,32 @@ + + + + + Journal d'Audit - UnionFlow + + + +
+
+ +
Journal d'Audit
+

+ Redirection vers la page principale du journal d'audit... +

+
+ + + + + +
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/admin/parametres.xhtml b/src/main/resources/META-INF/resources/pages/secure/admin/parametres.xhtml new file mode 100644 index 0000000..86659e3 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/admin/parametres.xhtml @@ -0,0 +1,47 @@ + + + + + Paramètres Système - UnionFlow + + + + + + + + + +
+ + + + + + +
+ + + + + +
+
+ +
Configuration Système
+

+ La page de configuration système sera disponible prochainement. +

+

+ Elle permettra de configurer les paramètres généraux de l'application. +

+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/admin/roles.xhtml b/src/main/resources/META-INF/resources/pages/secure/admin/roles.xhtml new file mode 100644 index 0000000..fc3e64c --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/admin/roles.xhtml @@ -0,0 +1,53 @@ + + + + + Gestion des Rôles - UnionFlow + + + + + + + + + +
+ + + + + +
+ + + + + +
+
+ +
Gestion des Rôles via Keycloak
+

+ La gestion des rôles et permissions se fait directement via Keycloak Admin Console. +

+

+ Les rôles disponibles incluent : SUPER_ADMIN, ADMIN_ORG, SECRETAIRE, TRESORIER, MEMBRE, etc. +

+
+ + + + + +
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/admin/sauvegarde.xhtml b/src/main/resources/META-INF/resources/pages/secure/admin/sauvegarde.xhtml new file mode 100644 index 0000000..a41a978 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/admin/sauvegarde.xhtml @@ -0,0 +1,122 @@ + + + + + Sauvegarde et Restauration - UnionFlow + + + + + + +
+
+
+

+ + Sauvegarde et Restauration +

+

+ Gérez les sauvegardes et restaurez la base de données +

+
+
+ +
+
+
+ + +
+
État du Système
+
+
+
+
Dernière sauvegarde
+
#{configurationBean.derniereSauvegarde}
+
+
+
+
+
Fréquence
+
#{configurationBean.frequenceSauvegarde}
+
+
+
+
+
Rétention
+
#{configurationBean.retentionSauvegardes} jours
+
+
+
+
+
Temps d'activité
+
#{configurationBean.tempsActivite}
+
+
+
+
+ + +
+
Sauvegardes Disponibles
+ + + + + + + + + + +
#{sauvegarde.taille}
+ + + + + + + + + + + +
+ + + +
+ + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/admin/utilisateurs.xhtml b/src/main/resources/META-INF/resources/pages/secure/admin/utilisateurs.xhtml new file mode 100644 index 0000000..f313a98 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/admin/utilisateurs.xhtml @@ -0,0 +1,53 @@ + + + + + Gestion des Utilisateurs - UnionFlow + + + + + + + + + +
+ + + + + +
+ + + + + +
+
+ +
Gestion des Utilisateurs via Keycloak
+

+ La gestion des utilisateurs se fait directement via Keycloak Admin Console. +

+

+ Pour accéder à la console d'administration Keycloak, veuillez utiliser l'interface dédiée. +

+
+ + + + + +
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/approved.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/approved.xhtml new file mode 100644 index 0000000..0216989 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/approved.xhtml @@ -0,0 +1,73 @@ + + + + Demandes d'Aide Approuvées - UnionFlow + + + + + +
+
+
+

+ + Demandes d'Aide Approuvées +

+

+ Liste des demandes d'aide approuvées et en cours de traitement +

+
+
+
+ + +
+
Demandes Approuvées
+ + + + +
+
#{demande.demandeur}
+ #{demande.telephone} +
+ + + + + + + +
#{demande.montantAccorde} FCFA
+ + + + + + + + + + + + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/apropos.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/apropos.xhtml new file mode 100644 index 0000000..dd3c4df --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/apropos.xhtml @@ -0,0 +1,327 @@ + + + + + À Propos d'UnionFlow + + +
+ + +
+
+
+
+ +

UnionFlow

+

+ La solution complète de gestion d'associations et organisations +

+
+ + + +
+
+ + +
+
+
+
99.9%
+
Disponibilité
+
30 derniers jours
+
+
+
+
+
2.3s
+
Temps de Réponse
+
Moyen
+
+
+
+
+
15,647
+
Utilisateurs
+
Actifs ce mois
+
+
+
+
+
4.8★
+
Satisfaction
+
Note moyenne
+
+
+
+
+
+
+ + +
+
+
+

+ + Notre Mission +

+

+ UnionFlow a été créé avec la vision de simplifier et moderniser la gestion des associations, + coopératives et organisations communautaires. Notre objectif est de fournir des outils + puissants et accessibles qui permettent aux dirigeants de se concentrer sur leur mission + plutôt que sur la paperasse administrative. +

+
+
+ Vision 2025 +
+

+ Devenir la plateforme de référence pour la gestion d'organisations en Afrique + de l'Ouest avec plus de 100,000 utilisateurs actifs. +

+
+
+
+ +
+
+

+ + Nos Valeurs +

+
+
+
+ +
Communauté
+

Favoriser l'entraide et la collaboration

+
+
+
+
+ +
Confiance
+

Sécurité et transparence totales

+
+
+
+
+ +
Innovation
+

Solutions modernes et évolutives

+
+
+
+
+ +
Accessibilité
+

Pour tous, partout, sur tout appareil

+
+
+
+
+
+
+ + +
+
+
+

+ + Informations Système +

+ +
+
+
🏗️ Architecture
+
+
+
+
Framework
+
Quarkus 3.15.1
+
+
+
+
+
Interface
+
PrimeFaces 14.0.5
+
+
+
+
+
Base de données
+
PostgreSQL 15
+
+
+
+
+
Cache
+
Redis 7.2
+
+
+
+
+ +
+
🔧 Environnement
+
+
+
+
JVM
+
OpenJDK 21
+
+
+
+
+
Serveur
+
Kubernetes
+
+
+
+
+
CDN
+
Cloudflare
+
+
+
+
+
Monitoring
+
Prometheus
+
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Équipe de Développement +

+ +
+
+
+
+ +
+
Équipe Core
+

+ Architectes et développeurs principaux responsables + de la vision produit et de l'architecture technique. +

+
+ +
+
+
+ +
+
+
+ +
+
Support Technique
+

+ Équipe dédiée à l'assistance utilisateurs, + maintenance et résolution des incidents. +

+
+ +
+
+
+ +
+
+
+ +
+
UX/UI Design
+

+ Designers spécialisés dans l'expérience utilisateur + et l'interface moderne. +

+
+ +
+
+
+
+
+
+
+ + +
+
+
+

+ + Nous Contacter +

+ +
+
+
+ +
Email
+

contact@unionflow.dev

+
+
+ +
+
+ +
Site Web
+

www.unionflow.dev

+
+
+ +
+
+ +
GitHub
+

github.com/unionflow

+
+
+ +
+
+ +
Twitter
+

@unionflow_dev

+
+
+
+ +
+

+ © 2024 UnionFlow. Tous droits réservés. +

+

+ Développé avec ❤️ pour les communautés d'Afrique de l'Ouest par Lions Dev +

+
+
+
+
+ +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/demande.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/demande.xhtml new file mode 100644 index 0000000..b842b4d --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/demande.xhtml @@ -0,0 +1,158 @@ + + + + + Demande d'Aide - UnionFlow + + + + + + +
+
+
+

+ + Nouvelle Demande d'Aide +

+

+ Soumettez une demande d'aide pour vous ou un membre de votre organisation +

+
+
+
+ + +
+
Informations de la Demande
+ +
+
+
+ + + + + + + + + +
+
+ +
+
+ + + + + + + + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+ +
+ + + + + + +
+
+ + + + +
+ +

Votre demande a été soumise avec succès

+

Elle sera traitée dans les plus brefs délais.

+
+ +
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/documentation.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/documentation.xhtml new file mode 100644 index 0000000..539746f --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/documentation.xhtml @@ -0,0 +1,170 @@ + + + + + Documentation Complète - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Documentation Complète +

+

+ Documentation technique et fonctionnelle d'UnionFlow +

+
+
+ + +
+
+ + +
+
+
+
45
+
Articles
+
Documentation complète
+
+
+
+
+
12
+
Mis à Jour
+
Ce mois-ci
+
+
+
+
+
6
+
Catégories
+
Thématiques
+
+
+
+
+
3
+
Langages
+
API supportées
+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
Guide Utilisateur
+

Documentation complète pour l'utilisation d'UnionFlow

+
+ 15 min + 250 +
+
+
+ +
+
+
+ + +
+
API REST
+

Documentation complète de l'API REST UnionFlow

+
+ 25 min + 180 +
+
+
+ +
+
+
+ + +
+
Configuration
+

Guide de configuration et paramétrage du système

+
+ 20 min + 95 +
+
+
+ +
+
+
+ + +
+
Dépannage
+

Solutions aux problèmes courants et dépannage

+
+ 30 min + 340 +
+
+
+ +
+
+
+ + +
+
Intégrations
+

Intégration avec des systèmes tiers et webhooks

+
+ 35 min + 75 +
+
+
+ +
+
+
+ + +
+
Sécurité
+

Bonnes pratiques de sécurité et authentification

+
+ 28 min + 120 +
+
+
+
+ +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/faq.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/faq.xhtml new file mode 100644 index 0000000..109f0f3 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/faq.xhtml @@ -0,0 +1,469 @@ + + + + + Questions Fréquentes - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Questions Fréquentes +

+

+ Trouvez rapidement des réponses aux questions les plus courantes +

+
+
+ + +
+
+ + +
+
+
+
47
+
Questions
+
Dans la FAQ
+
+
+
+
+
94%
+
Résolution
+
Taux de satisfaction
+
+
+
+
+
2.3m
+
Temps Moyen
+
De réponse
+
+
+
+
+
8
+
Catégories
+
Thématiques
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + +
+
+ + + + + + + + + + + + +
+
+ +
+
+
+ + +
+
+
+

+ + Questions les Plus Populaires +

+ +
+
+
+
+
+
Comment réinitialiser mon mot de passe ?
+

Procédure de récupération de compte

+
+
+ + +
+
+
+ +
+
+
+
Comment exporter la liste des membres ?
+

Export Excel et PDF personnalisés

+
+
+ + +
+
+
+ +
+
+
+
Configurer les notifications email ?
+

Paramétrage des alertes automatiques

+
+
+ + +
+
+
+
+ +
+
+
+
+
Organiser un événement étape par étape ?
+

Guide complet de création d'événement

+
+
+ + +
+
+
+ +
+
+
+
Gérer les rôles et permissions ?
+

Attribution des droits d'accès

+
+
+ + +
+
+
+ +
+
+
+
Problème de connexion lente ?
+

Solutions de performance

+
+
+ + +
+
+
+
+
+
+
+
+ + +
+
+
+

+ + FAQ par Catégories +

+ + + + +
+
+
+ Authentification et Sécurité +
+ +
+
+
Comment créer un compte utilisateur ?
+ +
+

+ Seul un administrateur peut créer de nouveaux comptes utilisateurs. Rendez-vous dans "Administration" → "Gestion Utilisateurs" → "Nouvel Utilisateur". + Remplissez les informations obligatoires et attribuez un rôle approprié. +

+
+ + +
+
+ +
+
+
Pourquoi ma session expire-t-elle souvent ?
+ +
+

+ Par sécurité, les sessions expirent après 30 minutes d'inactivité. Vous pouvez cocher "Se souvenir de moi" + lors de la connexion pour étendre cette durée. Si le problème persiste, videz le cache de votre navigateur. +

+
+
+ Conseil Pro +
+

+ Activez les notifications push pour être alerté avant l'expiration de votre session. +

+
+
+ +
+
+
Comment activer l'authentification à deux facteurs ?
+ +
+

+ Allez dans "Mon Espace Personnel" → "Paramètres Compte" → "Sécurité" → "Authentification 2FA". + Scannez le QR code avec Google Authenticator ou Authy, puis validez avec le code généré. +

+
+
+
+ + + + +
+
+
+ Inscription et Modification +
+ +
+
+
Que faire si un membre refuse son adhésion ?
+ +
+

+ Rendez-vous dans "Gestion des Adhésions" → "Validation des Demandes", trouvez la demande concernée + et cliquez sur "Rejeter". Ajoutez un motif de refus qui sera envoyé automatiquement au demandeur. +

+
+
+ Important +
+

+ Assurez-vous de documenter les raisons du refus pour le suivi administratif. +

+
+
+ +
+
+
Comment transférer un membre vers une autre organisation ?
+ +
+

+ Cette fonctionnalité n'est disponible que pour les Super-Administrateurs. Contactez le support + avec les détails du transfert : membre concerné, organisation de destination et justification. +

+
+
+
+ + + + +
+
+
+ Cotisations et Paiements +
+ +
+
+
Comment configurer les cotisations automatiques ?
+ +
+

+ Allez dans "Gestion Financière" → "Cotisations" → "Configuration Auto". Définissez le montant, + la périodicité (mensuelle/annuelle) et les conditions de prélèvement automatique. +

+
+
+ +
+
+ +
+
+
+ +
+
+
Un paiement mobile money a échoué, que faire ?
+ +
+

+ Vérifiez d'abord le statut dans "Historique Paiements". Si le paiement est marqué "Échec", + cliquez sur "Relancer" ou demandez au membre de réessayer avec un solde suffisant. +

+
+
+
+ + + + +
+
+
+ Problèmes Courants +
+ +
+
+
L'application est lente ou ne répond pas ?
+ +
+

+ 1. Vérifiez votre connexion internet
+ 2. Videz le cache : Ctrl+Maj+Suppr (Chrome)
+ 3. Redémarrez votre navigateur
+ 4. Essayez en navigation privée +

+
+
+ Solution Rapide +
+

+ 90% des problèmes de lenteur sont résolus en vidant le cache navigateur. +

+
+
+ +
+
+
Erreur "Page non trouvée" en naviguant ?
+ +
+

+ Cette erreur peut survenir après une mise à jour. Déconnectez-vous complètement, + fermez tous les onglets UnionFlow, puis reconnectez-vous. +

+
+
+
+ + +
+
+
+ + + + +
+
+
+ + + + + + + + + + +
+
+ + + + + + +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+ + + +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/guide.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/guide.xhtml new file mode 100644 index 0000000..843f7b5 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/guide.xhtml @@ -0,0 +1,435 @@ + + + + + Guide Utilisateur - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Guide Utilisateur UnionFlow +

+

+ Apprenez à utiliser efficacement toutes les fonctionnalités d'UnionFlow +

+
+
+ + + + + + + + + + + +
+
+ + +
+
+

Votre Progression

+ #{guideBean.sectionsLues} / #{guideBean.totalSections} sections +
+ +
+ + + +
+
+
+
+
+ + +
+ +
+
+ + +
+
+
+ + Table des Matières +
+ +
+ +
#{guideBean.pourcentageProgression}% terminé
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + +
+
+ +
+
+ + +
+
+ + +
+
+

#{guideBean.sectionCourante.titre}

+
+ + #{guideBean.sectionCourante.tempsLecture} min de lecture +
+
+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+ +

Se connecter à UnionFlow

+ +

+ Pour accéder à UnionFlow, vous devez disposer d'un compte utilisateur avec les droits appropriés. + Voici comment procéder pour votre première connexion. +

+ +
+
+ + Étapes de connexion +
+
    +
  1. Rendez-vous sur la page de connexion UnionFlow
    2. +
  2. Sélectionnez votre type de compte (Membre, Admin, etc.)
    3. +
  3. Saisissez votre email ou nom d'utilisateur
    4. +
  4. Entrez votre mot de passe
    5. +
  5. Cliquez sur "Se connecter"
    6. +
+
+ +
+
+ + Mot de passe oublié ? +
+

+ Cliquez sur "Mot de passe oublié ?" sur la page de connexion pour recevoir + un lien de réinitialisation par email. +

+
+ +
Types de comptes disponibles
+
+
+
+ +
Super-Admin
+

Accès complet au système

+
+
+
+
+ +
Admin Organisation
+

Gestion d'une organisation

+
+
+
+
+ +
Membre
+

Accès membre standard

+
+
+
+ + + +

Inscrire un nouveau membre

+ +

+ L'inscription d'un nouveau membre est une procédure simple qui permet d'ajouter + une personne à votre organisation avec toutes les informations nécessaires. +

+ +
+
+ + Prérequis +
+
    +
  • Avoir les droits d'administration ou de gestion des membres
    • +
  • Disposer des informations personnelles du futur membre
    • +
  • Connaître le type d'adhésion souhaité
    • +
+
+ +
Processus d'inscription
+ +
+
+
+
1
+
+
+
+
Accéder au formulaire
+

Menu "Gestion des Membres" → "Nouvelle Inscription"

+
+
+ +
+
+
2
+
+
+
+
Remplir les informations personnelles
+

Nom, prénom, date de naissance, contact, adresse

+
+
+ +
+
+
3
+
+
+
+
Choisir le type d'adhésion
+

Membre actif, associé, d'honneur, etc.

+
+
+ +
+
+
+ +
+
+
+
Validation et enregistrement
+

Le membre reçoit automatiquement ses identifiants par email

+
+
+
+ + + +
+ +

Sélectionnez une section

+

Choisissez un sujet dans le menu de gauche pour commencer la lecture

+
+ +
+ + +
+ + + + + + + + +
+ + + + + + + + + + + + + +
+ + + + + + + + +
+
+
+
+ + + + +
+
+ + + + +
+ + + +
+
+
+
#{resultat.titre}
+

#{resultat.description}

+ +
+ +
+
+ + +
+ +

Aucun résultat trouvé pour "#{guideBean.termeRecherche}"

+
+ +
+ + + +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/historique.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/historique.xhtml new file mode 100644 index 0000000..c3b0e7c --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/historique.xhtml @@ -0,0 +1,20 @@ + + + + + Historique des Demandes d'Aide - UnionFlow + + + + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/history.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/history.xhtml new file mode 100644 index 0000000..d64fa6e --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/history.xhtml @@ -0,0 +1,132 @@ + + + + Historique des Demandes d'Aide - UnionFlow + + + + + +
+
+
+

+ + Historique des Demandes d'Aide +

+

+ Consultez l'historique complet de toutes les demandes d'aide +

+
+
+
+ + +
+
Filtres
+
+
+ + + + + + + + +
+
+ + + + + + + + +
+
+ + + + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
Historique Complet
+ + + + +
+
#{demande.demandeur}
+ #{demande.localisation} +
+ + + + + + + +
#{demande.montantDemande} FCFA
+ + + + + + + + + + + + + + + + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/nouveautes.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/nouveautes.xhtml new file mode 100644 index 0000000..ef3354d --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/nouveautes.xhtml @@ -0,0 +1,401 @@ + + + + + Nouveautés - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Nouveautés UnionFlow +

+

+ Découvrez les dernières fonctionnalités, améliorations et corrections +

+
+
+ + +
+
+ + +
+
+
+
v2.1.3
+
Version Actuelle
+
Stable
+
+
+
+
+
47
+
Nouvelles Fonctionnalités
+
Cette année
+
+
+
+
+
134
+
Améliorations
+
Depuis v2.0
+
+
+
+
+
89
+
Corrections
+
Bugs résolus
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + +
+
+ + + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+ +
+
+
+ + +
+
+
+
+
+ +
+
+

Version 2.1.3 - Dernière version stable

+

Publiée le 18 janvier 2024 • Mise à jour de sécurité importante

+
+
+ +
+
+ +
+
+
🔒 Améliorations de Sécurité
+
    +
  • + + Correction de faille XSS dans les formulaires de commentaires +
    • +
  • + + Mise à jour des dépendances de sécurité critiques +
    • +
  • + + Renforcement de la validation des uploads de fichiers +
    • +
+ +
🐛 Corrections de Bugs
+
    +
  • + + Résolution du problème d'export Excel sur Chrome 120+ +
    • +
  • + + Correction de l'affichage des dates sur mobile +
    • +
+
+
+
+
📊 Impact de la mise à jour
+
+ Sécurité + +
+
+ Compatibilité + +
+
+ Taille + 15.2 MB +
+
+
+
+
+
+
+ + +
+
+
+

+ + Historique des Versions +

+ + +
+
+
+ +
+
+
Version 2.1.2
+

Publiée le 3 janvier 2024

+
+
+ + +
+
+ +
+
+
✨ Nouvelles Fonctionnalités
+
    +
  • + + Système de notifications en temps réel +
    • +
  • + + Export PDF avec signature électronique +
    • +
  • + + Interface de gestion des rôles avancée +
    • +
+
+
+
⚡ Améliorations
+
    +
  • + + Performance des rapports (+40%) +
    • +
  • + + Interface mobile optimisée +
    • +
+
+
+
+ + +
+
+
+ +
+
+
Version 2.1.1
+

Publiée le 15 décembre 2023

+
+
+ +
+
+ +
🐛 Corrections
+
    +
  • + + Correction du bug d'affichage dans les tableaux de données +
    • +
  • + + Résolution des problèmes de connexion SSO +
    • +
  • + + Correction des erreurs de validation de formulaires +
    • +
+
+ + +
+
+
+ +
+
+
Version 2.1.0 - Release Majeure
+

Publiée le 1er décembre 2023

+
+
+ + +
+
+ +
+
+
+
+ Points forts de cette version +
+

+ Version LTS avec support étendu jusqu'en décembre 2025. + Architecture modernisée et nouvelles API REST. +

+
+
+ +
+
✨ Nouvelles Fonctionnalités
+
    +
  • + + API REST v2 complète +
    • +
  • + + Workflow personnalisables +
    • +
  • + + Tableau de bord configurable +
    • +
+
+ +
+
⚡ Améliorations
+
    +
  • + + Performances globales +60% +
    • +
  • + + Sécurité renforcée (2FA) +
    • +
  • + + UX/UI redesignée +
    • +
+
+ +
+
🔧 Technique
+
    +
  • + + Migration Quarkus 3.x +
    • +
  • + + Base de données optimisée +
    • +
  • + + Cache distribué Redis +
    • +
+
+
+
+ + +
+
+
+ +
+
+
Version 2.0.5
+

Publiée le 10 novembre 2023 • Support terminé

+
+
+ + +
+
+

+ Dernière version de la branche 2.0.x. Migration vers 2.1.x recommandée pour les corrections de sécurité. +

+
+ + +
+ +
+
+
+
+ +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/requests.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/requests.xhtml new file mode 100644 index 0000000..3010b28 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/requests.xhtml @@ -0,0 +1,79 @@ + + + + Mes Demandes d'Aide - UnionFlow + + + + + +
+
+
+

+ + Mes Demandes d'Aide +

+

+ Consultez l'état de vos demandes d'aide +

+
+
+ + + + + +
+
+
+ + +
+
Historique de mes Demandes
+ + + + + + + + +
#{demande.montantDemande} FCFA
+ + + + + + + + + + + + + + + + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/statistiques.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/statistiques.xhtml new file mode 100644 index 0000000..4b071db --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/statistiques.xhtml @@ -0,0 +1,120 @@ + + + + + Statistiques des Demandes d'Aide - UnionFlow + + + + + + +
+
+
+

+ + Statistiques des Demandes d'Aide +

+

+ Analyse et statistiques détaillées des demandes d'aide +

+
+
+ +
+
+
+ + +
+
+
+
+
+
#{demandesAideBean.statistiques.totalDemandes}
+
Total Demandes
+
+
+ +
+
+
+
+
+
+
+
+
#{demandesAideBean.statistiques.demandesEnAttente}
+
En Attente
+
+
+ +
+
+
+
+
+
+
+
+
#{demandesAideBean.statistiques.demandesApprouvees}
+
Approuvées
+
+
+ +
+
+
+
+
+
+
+
+
#{demandesAideBean.statistiques.montantTotalAide}
+
Montant Total
+
+
+ +
+
+
+
+
+ + +
+
Répartition par Type d'Aide
+
+
+
+ +

Graphique de répartition par type

+ À implémenter avec PrimeNG Charts +
+
+
+
+ +

Graphique de répartition par statut

+ À implémenter avec PrimeNG Charts +
+
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/suggestions.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/suggestions.xhtml new file mode 100644 index 0000000..c5c466b --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/suggestions.xhtml @@ -0,0 +1,463 @@ + + + + + Suggestions et Feedback - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Suggestions et Feedback +

+

+ Partagez vos idées pour améliorer UnionFlow et votez pour les suggestions de la communauté +

+
+
+ + +
+
+ + +
+
+
+
247
+
Suggestions
+
Soumises
+
+
+
+
+
43
+
Implémentées
+
Dans la v2.0
+
+
+
+
+
1,523
+
Votes
+
Ce mois-ci
+
+
+
+
+
156
+
Contributeurs
+
Actifs
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+ +
+
+
+ + +
+
+
+

+ + Suggestions les Plus Populaires +

+ + +
+
+
+
+
Mode sombre pour l'interface
+ + +
+

Proposé par Marie Dubois • il y a 2 semaines

+

+ Ajouter un thème sombre à l'interface pour réduire la fatigue visuelle lors de longues sessions de travail. + Particulièrement utile pour les utilisateurs travaillant en soirée ou dans des environnements peu éclairés. +

+
+ + 24 commentaires + + + 847 vues + +
+
+
+
+ +
156
+
votes
+
+
+
+
+

+ + Mise à jour: Cette fonctionnalité est en cours de développement et sera disponible dans la version 2.2. +

+
+
+ + +
+
+
+
+
Export PDF personnalisé avec logo
+ + +
+

Proposé par Thomas Martin • il y a 1 mois

+

+ Permettre l'ajout du logo de l'organisation sur tous les exports PDF (rapports, listes membres, etc.) + pour une meilleure présentation des documents officiels. +

+
+ + 18 commentaires + + + 523 vues + +
+
+
+
+ +
98
+
votes
+
+
+
+
+ + +
+
+
+
+
Notifications push mobiles
+ + + +
+

Proposé par Sophie Leroy • il y a 3 jours

+

+ Recevoir des notifications push sur mobile pour les événements importants : + nouvelles adhésions, rappels de cotisations, événements à venir, etc. +

+
+ + 7 commentaires + + + 156 vues + +
+
+
+
+ +
34
+
votes
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Mes Contributions +

+ +
+ +
+
+
+
Import CSV automatisé
+ +
+

Soumise il y a 1 semaine

+

+ Permettre l'import automatique de fichiers CSV pour les inscriptions en masse... +

+
+
+ + 12 votes +
+ +
+
+
+ + +
+
+
+
Calendrier partagé équipe
+ +
+

Soumise il y a 3 mois

+

+ Calendrier collaboratif pour planifier les événements et réunions... +

+
+
+ + 67 votes +
+ +
+
+
+
+
+
+
+ + +
+
+
+

+ + Roadmap des Suggestions +

+ +
+
+
+
+ Version 2.2 (Q2 2024) +
+
    +
  • + + Mode sombre +
    • +
  • + + Export PDF avec logo +
    • +
  • + + Recherche avancée globale +
    • +
+
+
+ +
+
+
+ Version 2.3 (Q3 2024) +
+
    +
  • + + Notifications push mobiles +
    • +
  • + + API REST publique +
    • +
  • + + Tableau de bord personnalisable +
    • +
+
+
+ +
+
+
+ Version 3.0 (Q4 2024) +
+
    +
  • + + Application mobile native +
    • +
  • + + Intelligence artificielle +
    • +
  • + + Intégrations avancées +
    • +
+
+
+
+
+
+
+ + + + +
+
+
+ + + + + + + + + + + +
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + +
+
+ + + Images, schémas, liens vers des exemples similaires (max 5MB par fichier) +
+
+ +
+ + +
+
+ + + +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/support.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/support.xhtml new file mode 100644 index 0000000..4dd77c1 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/support.xhtml @@ -0,0 +1,322 @@ + + + + + Contacter le Support - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Contacter le Support +

+

+ Notre équipe support est là pour vous aider +

+
+
+ + +
+
+ + +
+
+
+ +
Temps de Réponse
+
Moins de 2h
+
+
+
+
+ +
Taux de Résolution
+
98.5%
+
+
+
+
+ +
Satisfaction Client
+
4.8/5
+
+
+
+
+ +
Support
+
7j/7 - 24h/24
+
+
+
+
+
+
+ + +
+
+
+

+ + Choisissez votre canal de support +

+ +
+
+
+
+ +
Ticket Support
+

Pour les problèmes techniques et demandes complexes

+ +

Réponse sous 2h

+
+
+
+ +
+
+
+ +
Chat en Direct
+

Support instantané pour les questions urgentes

+ +

Disponible 9h-18h

+
+
+
+ +
+
+
+ +
Support Téléphonique
+

Appelez-nous directement pour une assistance immédiate

+
+33 1 23 45 67 89
+

Lun-Ven 8h-19h

+
+
+
+
+
+
+
+ + +
+
+
+

+ + Questions Fréquentes +

+ + + +

+ Pour réinitialiser votre mot de passe, cliquez sur "Mot de passe oublié ?" + sur la page de connexion. Vous recevrez un email avec un lien de réinitialisation + valable pendant 24 heures. +

+ + + + +

+ Vous pouvez exporter vos données depuis le menu "Rapports" → "Export Personnalisés". + Plusieurs formats sont disponibles : Excel, PDF, CSV et JSON. +

+
+ + +
+ + + +

+ Si l'application semble lente, vérifiez votre connexion internet et + videz le cache de votre navigateur. Pour Chrome : Ctrl+Maj+Suppr. +

+
+
+ Diagnostic automatique +
+

+ Utilisez l'outil de diagnostic intégré pour identifier les problèmes. +

+
+ + + +

+ Rendez-vous dans "Mon Espace Personnel" → "Mes Préférences" → "Notifications" + pour configurer vos alertes par email et dans l'application. +

+ + +
+
+
+ + +
+
+
+

+ + Ressources Utiles +

+ +
+
+
+ +
+
Tutoriels Vidéo
+

Guides visuels étape par étape

+
+
+
+ +
+
+ +
+
Documentation
+

Guide complet d'utilisation

+
+
+
+ +
+
+ +
+
Communauté
+

Forum d'entraide utilisateurs

+
+
+
+ +
+
+ +
+
Nouveautés
+

Dernières fonctionnalités

+
+
+
+
+
+
+
+ + + + +
+
+
+ + +
+
+ + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+ + +
+
+ + + Formats acceptés: jpg, png, pdf, doc, xlsx (max 10MB) +
+
+ +
+ + +
+
+ + + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/tickets.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/tickets.xhtml new file mode 100644 index 0000000..857c56a --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/tickets.xhtml @@ -0,0 +1,437 @@ + + + + + Mes Tickets Support - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mes Tickets Support +

+

+ Suivez l'état de vos demandes d'assistance et échangez avec notre équipe +

+
+
+ + +
+
+ + +
+
+
+
12
+
Tickets Créés
+
Au total
+
+
+
+
+
3
+
En Attente
+
Réponse support
+
+
+
+
+
8
+
Résolus
+
Avec succès
+
+
+
+
+
1
+
Fermé
+
Sans résolution
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + +
+
+ + + + + + + + +
+
+ + + + + + + + +
+
+ + +
+
+ +
+
+
+ + +
+
+
+

+ + Historique de vos Tickets +

+ + +
+
+
+
+ +
+
+
#TK-2024-0157 - Problème d'export Excel
+
+ + + +
+

Créé le 15 janvier 2024 • Dernière réponse il y a 2h

+
+
+
+
Agent: Marie Dubois
+ +
+
+

+ Impossible d'exporter la liste des membres en format Excel. Le fichier généré est corrompu + et ne s'ouvre pas dans Excel. Cela concerne tous les exports depuis la version 2.1. +

+
+
+ + 5 messages + + 2 fichiers +
+
+ + SLA: 4h restantes +
+
+
+ + +
+
+
+
+ +
+
+
#TK-2024-0143 - Demande de formation personnalisée
+
+ + + +
+

Créé le 12 janvier 2024 • En attente de votre réponse

+
+
+
+
Agent: Thomas Martin
+ +
+
+

+ Souhaitons organiser une formation sur mesure pour notre équipe administrative. + Besoin de devis pour 15 personnes sur 2 jours. +

+
+

+ + Action requise: Merci de préciser vos disponibilités pour les dates proposées. +

+
+
+
+ + 3 messages +
+
+ + Réponse attendue depuis 3 jours +
+
+
+ + +
+
+
+
+ +
+
+
#TK-2024-0128 - Problème de connexion mobile
+
+ + + +
+

Créé le 8 janvier 2024 • Résolu le 10 janvier 2024

+
+
+
+
Agent: Sophie Leroy
+
+ + +
+
+
+

+ Application ne se charge pas sur smartphone Android. Écran blanc après connexion. +

+
+

+ + Résolution: Problème résolu en vidant le cache de l'application mobile. +

+
+
+
+ + 6 messages + + Résolu en 2 jours +
+
+ + Note: 5/5 +
+
+
+ + +
+
+
+
+ +
+
+
#TK-2024-0095 - Demande modification base
+
+ + + +
+

Créé le 28 décembre 2023 • Fermé le 5 janvier 2024

+
+
+
+
Agent: Marc Durand
+ +
+
+

+ Demande de modification des champs de la base de données membres pour ajouter + des informations métier spécifiques. +

+
+

+ + Fermé: Demande non compatible avec l'architecture actuelle. +

+
+
+
+ + 8 messages +
+
+ + Non résolu +
+
+
+
+
+
+ + +
+
+
+

+ + Actions Rapides +

+ +
+
+
+ +
Nouveau Ticket
+

Créer une demande d'assistance

+
+
+ +
+
+ +
Consulter la FAQ
+

Réponses aux questions courantes

+
+
+ +
+
+ +
Guide Utilisateur
+

Documentation complète

+
+
+ +
+
+ +
Contact Direct
+

Appelez le support

+
+
+
+
+
+
+ + + + +
+
+
+ + + + + + + + + +
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + + Formats acceptés: jpg, png, pdf, doc, xlsx (max 10MB par fichier) +
+
+ +
+ + +
+
+ + + +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/traitement.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/traitement.xhtml new file mode 100644 index 0000000..31ed55b --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/traitement.xhtml @@ -0,0 +1,161 @@ + + + + + Traitement des Demandes d'Aide - UnionFlow + + + + + + +
+
+
+

+ + Traitement des Demandes d'Aide +

+

+ Gérez et traitez les demandes d'aide des membres +

+
+
+ +
+
+
+ + +
+
+
+
+
+
#{demandesAideBean.statistiques.totalDemandes}
+
Total Demandes
+
+
+ +
+
+
+
+
+
+
+
+
#{demandesAideBean.statistiques.demandesEnAttente}
+
En Attente
+
+
+ +
+
+
+
+
+
+
+
+
#{demandesAideBean.statistiques.demandesApprouvees}
+
Approuvées
+
+
+ +
+
+
+
+
+
+
+
+
#{demandesAideBean.statistiques.demandesRejetees}
+
Rejetées
+
+
+ +
+
+
+
+
+ + +
+
Demandes à Traiter
+ + + + +
+
#{demande.demandeur}
+ #{demande.telephone} +
+ + + + + + + +
#{demande.montantDemande} FCFA
+ + + + + + + + + + + + + +
+ + + +
+ + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/aide/tutoriels.xhtml b/src/main/resources/META-INF/resources/pages/secure/aide/tutoriels.xhtml new file mode 100644 index 0000000..d71cb43 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/aide/tutoriels.xhtml @@ -0,0 +1,368 @@ + + + + + Tutoriels Vidéo - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Tutoriels Vidéo +

+

+ Apprenez UnionFlow grâce à nos tutoriels vidéo étape par étape +

+
+
+ + +
+
+ + +
+
+
+
24
+
Tutoriels
+
Disponibles
+
+
+
+
+
4h 32m
+
Durée Totale
+
Contenu vidéo
+
+
+
+
+
1,847
+
Vues
+
Ce mois-ci
+
+
+
+
+
4.8★
+
Note Moyenne
+
Sur 156 avis
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + + + + + + + +
+
+ + + + + + + +
+
+ + +
+
+ +
+
+
+ + +
+
+
+

+ + Premiers Pas avec UnionFlow +

+ +
+ +
+
+
+
+ +
+
+ +
+
+
+
+
Première Connexion
+

Découvrez comment vous connecter pour la première fois à UnionFlow

+
+
+ + 2,341 vues +
+
+ + 4.9 +
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+
Navigation dans l'Interface
+

Tour complet de l'interface utilisateur et des menus principaux

+
+
+ + 1,876 vues +
+
+ + 4.7 +
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+
Personnaliser son Profil
+

Comment configurer vos informations personnelles et préférences

+
+
+ + 1,432 vues +
+
+ + 4.8 +
+
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Gestion des Membres +

+ +
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
Inscrire un Nouveau Membre
+

Processus complet d'inscription d'un membre avec toutes les étapes

+
+
+ + 987 vues +
+
+ + 5.0 +
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
Recherche Avancée
+

Utiliser les filtres et critères de recherche pour trouver des membres

+
+
+ + 1,234 vues +
+
+ + 4.6 +
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
Export et Rapports Membres
+

Générer des exports Excel et des rapports personnalisés

+
+
+ + 765 vues +
+
+ + 4.9 +
+
+
+
+
+
+
+
+
+ + +
+
+
+

+ + Playlists Recommandées +

+ +
+
+
+
+ +
+
Formation Complète Débutant
+

8 vidéos • 45 min

+
+
+

+ Parcours complet pour débuter avec UnionFlow, de la connexion à la première utilisation +

+ +
+
+ +
+
+
+ +
+
Administration Avancée
+

12 vidéos • 2h 15min

+
+
+

+ Maîtrisez l'administration d'UnionFlow : utilisateurs, rôles, permissions et configuration +

+ +
+
+
+
+
+
+ +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/cotisation/collect.xhtml b/src/main/resources/META-INF/resources/pages/secure/cotisation/collect.xhtml new file mode 100644 index 0000000..3ec913e --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/cotisation/collect.xhtml @@ -0,0 +1,456 @@ + + + + + Gestion des Cotisations - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Liste des Cotisations
+ + + + + + +
+
+ + + + + + + +
+
+
+
+ + + + + + + + + + +
+
+
+
+ + + + + + + + + + + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + + + + + + +
+ Cotisations (#{cotisationsBean.cotisationsFiltrees.size()}) +
+ + + + + + + + +
+
+ + + + + + + + + +
+
+
#{cotisation.nomMembre}
+
#{cotisation.numeroMembre}
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + +
+ + + + + + Informations de la cotisation + +
+
+ + + + + + + +
+ +
+ + + + + + + + + + + + + + +
+ +
+ + + + + + +
+ +
+
+ + +
+
+ +
+ + + + + + +
+
+ + + +
+ + + + + + + + + + + + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+
+ + + + + +
+
+
+ +
+ + + + + + + + + + + + + +
+ + + + + + +
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.numeroReference}

+
+
+
+
+ + +
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.nomMembre}

+

#{cotisationsBean.cotisationSelectionnee.numeroMembre}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.typeCotisationLibelle}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.montantDuFormatte}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.montantPayeFormatte}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.dateEcheanceFormatee}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.datePaiementFormatee}

+
+
+
+
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/cotisation/historique.xhtml b/src/main/resources/META-INF/resources/pages/secure/cotisation/historique.xhtml new file mode 100644 index 0000000..803ef5b --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/cotisation/historique.xhtml @@ -0,0 +1,253 @@ + + + + + Historique des Cotisations - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + + +
+ + + + + +
+ +
Filtres de Recherche
+
+
+ + + + + +
+
+ + + + + +
+
+ + + + + + + + + + + + + +
+
+
+ +
+ + + + + + + + + + + + + +
+
+
+
+ +
+ + +
+ +
Historique des Cotisations
+ + + + +
+ Historique (#{cotisationsBean.cotisationsFiltrees.size()} cotisation(s)) +
+ + + + + + + + + + + + + +
+
#{cotisation.nomMembre}
+
#{cotisation.numeroMembre}
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.numeroReference}

+
+
+
+
+ + +
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.nomMembre}

+

N° #{cotisationsBean.cotisationSelectionnee.numeroMembre}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.typeCotisationLibelle}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.dateEcheanceFormatee}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.montantDuFormatte}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.montantPayeFormatte}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.montantRestantFormatte}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.datePaiementFormatee}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.methodePaiementLibelle}

+
+
+
+
+ +

#{cotisationsBean.cotisationSelectionnee.observations}

+
+
+
+
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/cotisation/paiement.xhtml b/src/main/resources/META-INF/resources/pages/secure/cotisation/paiement.xhtml new file mode 100644 index 0000000..fd68b8d --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/cotisation/paiement.xhtml @@ -0,0 +1,307 @@ + + + + + Paiement de Cotisations - UnionFlow + + + + + + + + + +
+ + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ + Répartition par Méthode de Paiement +
+
+
+
+ +
+
+
+ +
+
+
#{methode.methode}
+
#{methode.montantFormatte}
+
+
+
+
#{methode.pourcentageInt}%
+
+
+ +
+
+
+
+ +
+
+ #{methode.methode} + #{methode.pourcentageInt}% +
+ +
+ +
+
+
+
+ + +
+ +
Cotisations en Attente de Paiement
+ + + + +
+ Cotisations à payer + + + + + + + +
+ + + +
+
#{cotisation.nomMembre}
+
#{cotisation.numeroMembre}
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+ + + + +
+
+ +

#{cotisationsBean.cotisationSelectionnee.numeroReference} - #{cotisationsBean.cotisationSelectionnee.nomMembre}

+

Montant dû: #{cotisationsBean.cotisationSelectionnee.montantDuFormatte}

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + +
+ + + + + + +
+
+ +

#{cotisationsBean.cotisationSelectionnee.numeroReference} - #{cotisationsBean.cotisationSelectionnee.nomMembre}

+

Montant dû: #{cotisationsBean.cotisationSelectionnee.montantDuFormatte}

+

Montant restant: #{cotisationsBean.cotisationSelectionnee.montantRestantFormatte}

+
+ +
+ + +
+ + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + +
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/cotisation/rapports.xhtml b/src/main/resources/META-INF/resources/pages/secure/cotisation/rapports.xhtml new file mode 100644 index 0000000..924ebe9 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/cotisation/rapports.xhtml @@ -0,0 +1,185 @@ + + + + + Rapports Financiers - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+
+
+
+ + Évolution des Paiements (12 derniers mois) +
+
+ +
+
#{evolution.mois}
+
+
+
+ #{evolution.montantFormatte} +
+
+
+ +
+
+
+ +
+
+
+ + Répartition par Méthode +
+
+ +
+
+ #{methode.methode} + #{methode.pourcentageInt}% +
+ +
+ +
+
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ + Résumé des Cotisations +
+ +
+
+
Par Statut
+
+
+ Payées + +
+
+ Partiellement payées + +
+
+ En attente + +
+
+ En retard + +
+
+
+ +
+
Par Type
+
+
+ Mensuelle + +
+
+ Trimestrielle + +
+
+ Semestrielle + +
+
+ Annuelle + +
+
+ Adhésion + +
+
+ Exceptionnelle + +
+
+
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/cotisation/relances.xhtml b/src/main/resources/META-INF/resources/pages/secure/cotisation/relances.xhtml new file mode 100644 index 0000000..7f6bcd4 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/cotisation/relances.xhtml @@ -0,0 +1,229 @@ + + + + + Relances de Cotisations - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ + Rappels en Attente +
+ + + + +
+
#{rappel.nomMembre}
+
#{rappel.club}
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Cotisations en Retard
+ + + + +
+ Cotisations nécessitant une relance +
+ + + + + + + + +
+
+ + + + + +
+
#{cotisation.nomMembre}
+
#{cotisation.numeroMembre}
+
+ + + + + + + + + + + + + + + + + + + +
+ +
+ + + +
+ + + + +
+
+ + +
+ +
+ + +
+ +
+
Destinataires :
+
#{cotisationsBean.cotisationsSelectionnees.size()} cotisation(s) sélectionnée(s)
+
+
+ +
+ + + + + + + + + + + + + +
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/cotisation/reminders.xhtml b/src/main/resources/META-INF/resources/pages/secure/cotisation/reminders.xhtml new file mode 100644 index 0000000..1241bde --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/cotisation/reminders.xhtml @@ -0,0 +1,108 @@ + + + + Rappels de Cotisations - UnionFlow + + + + + +
+
+
+

+ + Rappels de Cotisations +

+

+ Gérez et envoyez les rappels de cotisations aux membres +

+
+
+ +
+
+
+ + +
+
+
+
+
+
#{cotisationsGestionBean.nombreMembresEnRetard}
+
En Retard
+
+
+ +
+
+
+
+
+
+
+
+
#{cotisationsGestionBean.nombreRappelsEnvoyes}
+
Rappels Envoyés
+
+
+ +
+
+
+
+
+ + +
+
Membres avec Cotisations en Retard
+ + + + + + +
+
#{membre.nomComplet}
+ #{membre.numeroMembre} +
+ + + +
#{membre.montantDu} FCFA
+ + + + + + + + + + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/cotisation/report.xhtml b/src/main/resources/META-INF/resources/pages/secure/cotisation/report.xhtml new file mode 100644 index 0000000..1e86f0a --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/cotisation/report.xhtml @@ -0,0 +1,117 @@ + + + + Rapports de Cotisations - UnionFlow + + + + + +
+
+
+

+ + Rapports de Cotisations +

+

+ Générez et consultez les rapports détaillés sur les cotisations +

+
+
+ +
+
+
+ + +
+
Paramètres du Rapport
+
+
+ + + + + + + +
+
+ + + + + + +
+
+ + + + + + +
+
+
+ + +
+
Rapports Disponibles
+
+
+
+
+ +
+
Rapport Mensuel
+ Rapport complet du mois +
+
+ +
+
+
+
+
+ +
+
Rapport Annuel
+ Synthèse de l'année +
+
+ +
+
+
+
+
+ +
+
Rapport Analytique
+ Analyses et statistiques +
+
+ +
+
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/dashboard.xhtml b/src/main/resources/META-INF/resources/pages/secure/dashboard.xhtml new file mode 100644 index 0000000..28b03b8 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/dashboard.xhtml @@ -0,0 +1,533 @@ + + + + UnionFlow - Tableau de bord + + +
+ +
+
+
+
+

Tableau de bord UnionFlow

+

Bienvenue #{userSession.currentUser.nom}, voici un aperçu de votre union

+
+ + #{dashboardBean.currentDate} + | + + #{dashboardBean.totalMembers} membres inscrits +
+
+
+ + + + + + + + + + + + + +
+
+
+
+ + + +
+
+
+ + Actions requises aujourd'hui +
+
+ +
+
+
+
+ +
+
+
#{dashboardBean.cotisationsRetard}
+
Cotisations en retard
+
+
+
+
+ + +
+
+
+
+ +
+
+
#{dashboardBean.adhesionsExpiration}
+
Expire dans 7 jours
+
+
+
+
+ + +
+
+
+
+ +
+
+
#{dashboardBean.demandesToTraiter}
+
Demandes en attente
+
+
+
+
+ + +
+
+
+
+ +
+
+
#{dashboardBean.tachesCompletees}
+
Complétées aujourd'hui
+
+
+
+
+
+
+
+ + + +
+
+ + Vue d'ensemble +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
Évolution financière (3 derniers mois)
+
+ + + + + + + + +
+
+ + + +
+ +
+
#{mois.libelle}
+
+
+ #{mois.montantFormatte} +
+
+ +
+ + +
+
+
+ +
+
#{dashboardBean.evolutionRecettesPrefix}#{dashboardBean.evolutionRecettesPourcent}%
+ Recettes vs mois dernier +
+
+
+
+
+ +
+
#{dashboardBean.evolutionDepensesPrefix}#{dashboardBean.evolutionDepensesPourcent}%
+ Dépenses vs mois dernier +
+
+
+
+
+ +
+
#{dashboardBean.tendanceParticipation}
+ Taux de participation +
+
+
+
+ +
+
+ +
+
+
État des cotisations
+ + +
+
+
+
+ #{dashboardBean.cotisationsAJourPourcent}% +
+
+
+
+ + +
+
+
+
+ À jour +
+ #{dashboardBean.cotisationsAJourPourcent}% +
+
+
+
+ En retard +
+ #{dashboardBean.cotisationsRetardPourcent}% +
+
+
+
+ Impayées +
+ #{dashboardBean.cotisationsImpayeesPourcent}% +
+
+ + +
+
+
+ Taux de collecte + #{dashboardBean.tauxCollecte}% +
+
+
+
+
+
+
+ Objectif mensuel + #{dashboardBean.tauxObjectifCotisations}% +
+
+
+
+
+
+
+
+ + +
+ +
+
+
Journal d'activités
+
+ + + + + + + + +
+
+ + +
+ + + + + + + + + + +
+ + + + + +
+
#{activity.titre}
+
#{activity.description}
+ +
+ #{activity.montant} FCFA +
+ +
+ + +
+ +
+
#{activity.userNom}
+ #{activity.userRole} +
+
+ + + + + + + + +
+ +
+ + +
+ +
+
Actions rapides
+
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+
+ + +
+
Tâches prioritaires
+
+
+ +
+
Valider #{dashboardBean.adhesionsPendantes} adhésions
+ Demandes en attente de validation +
+ + + + + +
+ +
+ +
+
Relancer #{dashboardBean.cotisationsRetard} cotisations
+ Paiements en retard +
+ + + + + +
+ +
+ +
+
Traiter #{dashboardBean.aidesEnAttente} aides
+ Demandes d'aide à examiner +
+ + + + + +
+ +
+ +
+
Organiser prochains événements
+ #{dashboardBean.evenementsAPlanifier} événements à planifier +
+ + + + + +
+
+
+
+ + +
+
+
+
Résumé financier mensuel
+
+ + + + + + + + + + + + +
+
+ + +
+
+
#{dashboardBean.recettesMois} FCFA
+
Recettes totales
+
+
+
+
+
#{dashboardBean.depensesMois} FCFA
+
Dépenses totales
+
+
+
+
+
#{dashboardBean.soldeMois} FCFA
+
Solde net
+
+
+
+
+
#{dashboardBean.tresorerie} FCFA
+
Trésorerie actuelle
+
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/bilan.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/bilan.xhtml new file mode 100644 index 0000000..144cd0c --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/bilan.xhtml @@ -0,0 +1,198 @@ + + + + + Bilan des Événements - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+ + + + + + + +
+
+
+
+ + + + + + + +
+
+
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + + + +
+ +
+
+ +
Bilans par Événement
+ + + + +
+ #{evenement.titre} +
+ #{evenement.typeEvenementLibelle} +
+ + + + #{evenement.dateDebutFormatee} + + + +
+ 0 + / 0 prévus +
+ + + +
+ 0 XOF +
+ 0 XOF prévu +
+ + + + + + + + + + + +
+
+
+ + +
+
+
+
Évolution des participations
+

Graphique en développement

+
+
+
+
+
Répartition par type
+

Graphique en développement

+
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/calendar.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/calendar.xhtml new file mode 100644 index 0000000..83a9abd --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/calendar.xhtml @@ -0,0 +1,18 @@ + + + + Calendrier des Événements - UnionFlow + + + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/calendrier.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/calendrier.xhtml new file mode 100644 index 0000000..1bb5e99 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/calendrier.xhtml @@ -0,0 +1,183 @@ + + + + + Calendrier des Événements - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ +
Calendrier
+ +
+ +
Calendrier des Événements
+

La vue calendrier interactive sera disponible prochainement

+

En attendant, utilisez la liste des événements à venir ci-dessous

+
+ +
+ + +
+ +
Événements à Venir
+ + + + +
+
#{evenement.dateDebutFormatee}
+
#{evenement.heureDebutFormatee} - #{evenement.heureFinFormatee}
+
+ + + +
+ +
+
#{evenement.titre}
+
#{evenement.lieu}
+
+
+ + + + + + + +
#{evenement.participantsInscrits} / #{evenement.capaciteMax}
+ + + + + + + +
+ + + + +
+
+

#{evenementsBean.evenementSelectionne.titre}

+

#{evenementsBean.evenementSelectionne.description}

+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.dateDebutFormatee}
+
#{evenementsBean.evenementSelectionne.heureDebutFormatee}
+
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.lieu}
+
#{evenementsBean.evenementSelectionne.adresseComplete}
+
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.participantsInscrits} / #{evenementsBean.evenementSelectionne.capaciteMax}
+ +
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.budgetFormate}
+
+
+
+ + +
+ + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/create.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/create.xhtml new file mode 100644 index 0000000..49bab80 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/create.xhtml @@ -0,0 +1,18 @@ + + + + Créer un Événement - UnionFlow + + + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/creation.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/creation.xhtml new file mode 100644 index 0000000..07740e7 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/creation.xhtml @@ -0,0 +1,268 @@ + + + + + Création d'Événement - UnionFlow + + + + + + + + + +
+ + + + + + +
+ + + + + +
+ + + Informations Générales + +
+
+ + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + +
+
+ + + + + Dates et Horaires + +
+
+ + + + + + +
+ +
+ + + + + +
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+ + + + + Localisation + +
+
+ + + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+
+ + + + + Organisation et Participants + +
+
+ + + + + +
+ +
+ + + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+
+ + + + + Budget + +
+
+ + + + + + + +
+ +
+ + + + + + +
+
+ + + + +
+ + + + + + + + + + + + +
+ +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/gestion.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/gestion.xhtml new file mode 100644 index 0000000..e849c11 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/gestion.xhtml @@ -0,0 +1,528 @@ + + + + + Gestion des Événements - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Liste des Événements
+ + + + + + +
+
+ + + + + + + +
+
+
+
+ + + + + + + + + + + + + + +
+
+
+
+ + + + + + + + + + + +
+
+
+
+ + + + + + + + + +
+
+ + +
+
+ + +
+
+ + + + + + + +
+ + #{evenement.titre} +
+ + + + + + + +
+
#{evenement.dateDebutFormatee}
+
#{evenement.heureDebutFormatee} - #{evenement.heureFinFormatee}
+
+ + + +
+
#{evenement.lieu}
+
#{evenement.ville}
+
+ + + + + + + + + + + +
+
#{evenement.participantsInscrits} / #{evenement.capaciteMax}
+ +
+ + + +
+ + + + + +
+ + + +
+ + + + + + +
+
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + +
+
+ + + + +
+ + +
+ + + + + + + +
+
+

#{evenementsBean.evenementSelectionne.titre}

+

#{evenementsBean.evenementSelectionne.description}

+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.dateDebutFormatee}
+
#{evenementsBean.evenementSelectionne.heureDebutFormatee}
+
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.lieu}
+
#{evenementsBean.evenementSelectionne.adresseComplete}
+
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.participantsInscrits} / #{evenementsBean.evenementSelectionne.capaciteMax}
+ +
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.budgetFormate}
+
+
+
+ + + + + + + + + + +
+
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + + + + + + + + +
+ +
+ + + + + + +
+
+ + +
+ + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/logistique.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/logistique.xhtml new file mode 100644 index 0000000..54c1473 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/logistique.xhtml @@ -0,0 +1,180 @@ + + + + + Logistique des Événements - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+ + + + + + + +
+
+
+
+ + + + + + + + +
+
+
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + + + +
+ +
Demandes Logistiques
+ + + + + #{evenement.titre} + + + + + + + + 0 + + + + À planifier + + + + + + + + + + + + +
+ + +
+
+ +
+
Fonctionnalité en développement
+

La gestion logistique complète des événements sera disponible prochainement.

+
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/participants.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/participants.xhtml new file mode 100644 index 0000000..d14937f --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/participants.xhtml @@ -0,0 +1,120 @@ + + + + + Gestion des Participants - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + + +
+ + + + + +
+ +
Sélectionner un Événement
+
+
+ + + + + +
+
+ +
+ + +
+ +
Participants - #{evenementsBean.evenementSelectionne.titre}
+ +
+
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+
+ +
+ +
Gestion des Participants
+

La gestion détaillée des participants sera disponible prochainement

+

+ Participants inscrits: #{evenementsBean.evenementSelectionne.participantsInscrits} / + Capacité: #{evenementsBean.evenementSelectionne.capaciteMax} +

+
+ +
+ + +
+
+ +
Sélectionnez un événement
+

Veuillez sélectionner un événement pour voir ses participants

+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/participation.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/participation.xhtml new file mode 100644 index 0000000..cbe8671 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/participation.xhtml @@ -0,0 +1,255 @@ + + + + + Participation aux Événements - UnionFlow + + + + + + + + + +
+ + + + + + + + + +
+ + + + + +
+ +
Filtres
+
+
+ + + + + + + + +
+ +
+ + + + + + + +
+ +
+
+ + +
+
+
+ +
+ + +
+ +
Événements Disponibles
+ + + + +
+ +
+
#{evenement.titre}
+
#{evenement.description}
+
+
+ + + +
+
#{evenement.dateDebutFormatee}
+
+ #{evenement.heureDebutFormatee} - #{evenement.heureFinFormatee} +
+
+ + + +
+
#{evenement.lieu}
+
#{evenement.ville}
+
+ + + +
+
#{evenement.participantsInscrits} / #{evenement.capaciteMax}
+ +
+ + + + + + + +
+ + + + + +
+ + + +
+ + + + +
+
+

#{evenementsBean.evenementSelectionne.titre}

+

#{evenementsBean.evenementSelectionne.description}

+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.dateDebutFormatee}
+
#{evenementsBean.evenementSelectionne.heureDebutFormatee}
+
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.dateFinFormatee}
+
#{evenementsBean.evenementSelectionne.heureFinFormatee}
+
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.adresseComplete}
+
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.participantsInscrits} / #{evenementsBean.evenementSelectionne.capaciteMax}
+ +
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.organisateur}
+
#{evenementsBean.evenementSelectionne.emailOrganisateur}
+
#{evenementsBean.evenementSelectionne.telephoneOrganisateur}
+
+
+ +
+
+ +
#{evenementsBean.evenementSelectionne.instructions}
+
+
+
+ + +
+ + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/planification.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/planification.xhtml new file mode 100644 index 0000000..38e0338 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/planification.xhtml @@ -0,0 +1,179 @@ + + + + + Planification des Événements - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+ + + + + + + +
+
+
+
+ + + + + + + + +
+
+
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + + + +
+ +
Planifications
+ + + + + #{evenement.titre} + + + +
+
Date à définir
+
Période: À planifier
+
+ + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
Fonctionnalité en développement
+

La planification avancée des événements sera disponible prochainement.

+
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/evenement/reservations.xhtml b/src/main/resources/META-INF/resources/pages/secure/evenement/reservations.xhtml new file mode 100644 index 0000000..51c6629 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/evenement/reservations.xhtml @@ -0,0 +1,187 @@ + + + + + Réservations d'Événements - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+ + + + + + + +
+
+
+
+ + + + + + + +
+
+
+
+ + + + +
+
+ + +
+
+ + +
+
+ + + + +
+ +
Réservations
+ + + + +
+ Nom du membre +
+ email@example.com +
+ + + + #{evenement.titre} + + + + À définir + + + + 1 + + + + 0 XOF + + + + + + + + + + + + + +
+ + +
+
+ +
+
Fonctionnalité en développement
+

Le système de réservations complet sera disponible prochainement.

+
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/membre/cotisations.xhtml b/src/main/resources/META-INF/resources/pages/secure/membre/cotisations.xhtml new file mode 100644 index 0000000..092270b --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/membre/cotisations.xhtml @@ -0,0 +1,198 @@ + + + + + + + + + + Cotisations du Membre - UnionFlow + + + + + + +
+
+
+

+ + Cotisations du Membre +

+

+ Membre: #{membreCotisationBean.numeroMembre} • + Statut: #{membreCotisationBean.statutCotisations} +

+
+
+ + + + + +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
Historique des Cotisations
+ + + + +
+ + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + +
+
#{cotisation.libelle}
+ #{cotisation.periode} +
+ + + + + + + +
+
#{cotisation.montant}
+ FCFA +
+ + + + + + + +
+
#{cotisation.dateEcheance}
+ #{cotisation.statutEcheance} +
+ + + + + + + Non payée + + + +
+ + +
+ + +
+ + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/membre/export.xhtml b/src/main/resources/META-INF/resources/pages/secure/membre/export.xhtml new file mode 100644 index 0000000..1d29dc9 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/membre/export.xhtml @@ -0,0 +1,310 @@ + + + + + Export des Membres - UnionFlow + + + + + + + + + +
+ + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
Configuration de l'export
+ +
+
+
+ + + + + +
+
+ +
+
+ + + + + + + + +
+
+
+ + + + +
+ + + + + + + + + + + Sélectionnez au moins une catégorie de colonnes +
+ + + + + + +
+
+
+ + + + + + + + + +
+
+ +
+
+ + + + + + + + + +
+
+ +
+
+ + + + + + +
+
+ +
+
+ + + + +
+
+ +
+
+ + + + +
+
+
+ + + + + + + +
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + + Le fichier sera protégé par un mot de passe (généré automatiquement ou personnalisé ci-dessous) +
+
+ +
+
+ + + Si vide, un mot de passe aléatoire sera généré et affiché après l'export +
+
+
+ + + + +
+
+
+
Nombre de membres à exporter :
+
#{membreExportBean.nombreMembresAExporter} membre(s) correspond(ent) aux critères sélectionnés
+
+ + + + + + + + +
+
+ + +
+ + + + + + + + + + + + + + +
+ +
+ + +
+
Historique des exports
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/membre/import.xhtml b/src/main/resources/META-INF/resources/pages/secure/membre/import.xhtml new file mode 100644 index 0000000..8812613 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/membre/import.xhtml @@ -0,0 +1,243 @@ + + + + + Import en Masse des Membres - UnionFlow + + + + + + + + + +
+ + + + + + +
+ + + + + +
+
+ +
+
Instructions d'import
+

+ Téléchargez le modèle Excel, remplissez-le avec les données des membres, puis importez-le ici. +

+
+
+
Format du fichier :
+
    +
  • Format Excel (.xlsx) ou CSV (.csv)
    • +
  • Maximum 1000 lignes par import
    • +
  • Taille maximale : 10 MB
    • +
+
+
+
Colonnes requises :
+
    +
  • Nom, Prénom (obligatoires)
    • +
  • Email, Téléphone (obligatoires)
    • +
  • Date de naissance, Adresse
    • +
  • Profession, Type membre
    • +
+
+
+
+
+
+ + +
+ +
Fichier à importer
+ +
+
+
+ + + Formats acceptés : .xlsx, .xls, .csv - Maximum 10 MB +
+
+ +
+
+ +
+ + + + + + + + +
+
+
+
+ + + + +
+
+
+ + + Si coché, les membres existants (même email) seront mis à jour +
+
+ +
+
+ + + Continuer l'import même si certaines lignes contiennent des erreurs +
+
+ +
+
+ + + + + +
+
+ +
+
+ + + + + + + + +
+
+
+ + + + +
+ + + +
+
+ + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + +
+
+ +
+
Détails des erreurs :
+
+ +
+ Ligne #{erreur.ligne}: + #{erreur.message} +
+ +
+
+ + +
+ + +
+ + + + + + + + + + + + + + +
+ +
+ + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/membre/inscription.xhtml b/src/main/resources/META-INF/resources/pages/secure/membre/inscription.xhtml new file mode 100644 index 0000000..3edd864 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/membre/inscription.xhtml @@ -0,0 +1,759 @@ + + + + + Inscription Membre - UnionFlow + + + + + + + + +
+
Numéro: #{membreInscriptionBean.numeroGenere}
+ Généré automatiquement +
+ + + + + + +
+
+ + + + + +
+
+
+ +
+ +
+ +
+
+
+ + + + +
+ JPG, PNG ou GIF - Maximum 2MB +
+ + + +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + +
+
+ + + + + +
+
+ + +
+
+ + + + + +
+
+ + +
+ +
+ + +
+ + + + + + + +
+ + + +
+ +
+ + + +
+
+ + + + + +
+ + + + + + + + + +
Fichiers ajoutés:
+ +
+
+ + #{document} +
+ + + + + + + + +
+ + + + Formats acceptés: PDF, DOC, DOCX, JPG, PNG - Maximum 5 fichiers de 5MB chacun + + +
+ +
+ + + + +
+ + + +
+ +
+
+ + + +
+
+ + +
+
+ +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + + +
+
+ + + + + + + +
+ + + + + + +
+
+ + + + + +
+
+ +
+ + + + + + + + +
+
+
+ + +
+
+ + +
+ + +
+ +
+ + + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
Autorisations
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
Finaliser l'inscription
+
+
+ +
+
Vérifiez toutes les informations
+
Assurez-vous que tous les champs requis sont remplis correctement
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + Toutes les données sont chiffrées et sécurisées selon les standards RGPD + +
+
+ + + + + + + + +
+ +
Traitement en cours...
+
Veuillez patienter pendant l'enregistrement
+
+ + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml b/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml new file mode 100644 index 0000000..745098e --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml @@ -0,0 +1,657 @@ + + + + + Liste des Membres - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + +
+ + + + + + +
+ +
Tous les Membres
+ + + + + + + +
+
+ + + + + + + +
+
+ + +
+ + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + +
+ + + +
+
+ + + + + + + +
+
+ + +
+
+ + + + + + + + + + +
+
+ + +
+
+ + + + + + + + +
+
+ + + + + + + + + + + + + +
+
+ +
+ #{membre.initiales} +
+
+
+
#{membre.nomComplet}
+
+ #{membre.telephone} + • + #{membre.email} +
+
+
+ + + + + + + + + + + + + + + +
+
#{membre.dateAdhesion != null ? membre.dateAdhesion : 'Non renseigné'}
+ #{membre.anciennete} +
+ + + +
+
#{membre.cotisationStatut}
+ #{membre.dernierPaiement} +
+ + + +
+
#{membre.tauxParticipation}%
+ #{membre.evenementsAnnee} événements +
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+
+ #{membreListeBean.selectedMembres.size()} membre(s) sélectionné(s) + + - Cochez des cases pour activer les actions + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ + + + +
+
+
+
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+
+ +
+ + + + + + + + + + + + +
+ + +
+ +
+ + +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
Destinataires :
+
#{membreListeBean.selectedMembres.size()} membre(s) recevront ce message
+
+
+ +
+ + + + + + + + + + + + + +
+ + + + + + + + +
+
+ + +
+ +
+ + +
+ +
+
Format attendu :
+ + Colonnes : Nom, Prénom, Email, Téléphone, Date naissance, Adresse, Profession, Type membre + +
+
+ +
+ + + + + + + + + + + + +
+ + + +
+
+ + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+
+ +
+ + + + + +
+ + + +
+ + + + + + +
+ + + + + + +
+
+
+
+
+ +
+
+
#{membreListeBean.membreAContacter.nomComplet}
+
#{membreListeBean.membreAContacter.email != null ? membreListeBean.membreAContacter.email : 'Email non renseigné'}
+
#{membreListeBean.membreAContacter.telephone != null ? membreListeBean.membreAContacter.telephone : 'Téléphone non renseigné'}
+
+
+
+
+ +
+ + + + + + +
+ +
+ + + + + + + + +
+
+ + +
+ + + + + + + + + + + + + + +
+ + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/membre/profil.xhtml b/src/main/resources/META-INF/resources/pages/secure/membre/profil.xhtml new file mode 100644 index 0000000..744e8f6 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/membre/profil.xhtml @@ -0,0 +1,660 @@ + + + + Profil de #{membreProfilBean.membre.nomComplet} - UnionFlow + + + +
+
+
+
+
+ +
+ + + + + + + + + +
+ + +
+
+

#{membreProfilBean.membre.nomComplet}

+ +
+ +
+
+ + + + + +
+ Type: + +
+ + + + +
+
+ + + + + +
+ Cotisations: + #{membreProfilBean.membre.cotisationStatut} +
+ + + + + +
+
+
+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+
Informations de base
+
+ + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Coordonnées
+
+ + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Famille
+ + + + + + + + + + + + + + + + +
+
+ + + + +
+
+
État des cotisations
+
+
+ Statut actuel: + +
+ + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + +
+ +
+ +
+
Historique des paiements
+ + + + + + + + + + + + +
+ + #{paiement.modePaiement} +
+ + + + + +
+
+ + + + +
+
+
Événements récents
+ +
+
+ +
+
+
#{evenement.titre}
+
+ #{evenement.date} • #{evenement.lieu} +
+
+
+ +
+ #{evenement.role} +
+
+
+ +
+ +
+
Statistiques participation
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + +
+
+
Aides reçues
+ + +
+ + #{aide.type} +
+ + + + + + + + + + + + + + + +
+ +
+
Demandes en cours
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +
Activité récente
+ +
+
+ +
+
+
+ #{activite.description} + #{activite.date} +
+
+ Par #{activite.auteur} +
+
+ #{activite.details} +
+
+
+ + +
+
+
+ + + +
+ +
Aucune activité récente
+
+ + +
+ + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + +
+
+
+ +
+ + + + + + + + + + + + +
+ + + + + + +
+ + + + + + + + + + + + + + + +
+ + + + + + +
+
+ +
+ + + + + + + + + + + + +
+ + + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ + + + + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/membre/recherche.xhtml b/src/main/resources/META-INF/resources/pages/secure/membre/recherche.xhtml new file mode 100644 index 0000000..06f42d2 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/membre/recherche.xhtml @@ -0,0 +1,713 @@ + + + + Recherche Avancée des Membres - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ + Critères de Recherche +
+ + + + +
+
+
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + + +
+
+
+ + + + +
+
+
+ + + + + + + + + + + +
+ +
+ + + + + + + + + + + +
+ +
+
+ + + + + +
+
+ +
+ + + + + + + + + + +
+
+ +
+
+ + + + + +
+ +
+ + + + + +
+
+
+ + + + +
+
+
+ + + + + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + + +
+
+
+ + + + +
+
+
+ + + + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+
+
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+
+
+ + Résultats de recherche +
+

+ #{membreRechercheBean.resultats.size()} membre(s) trouvé(s) + sur #{membreRechercheBean.statistiques.totalMembres} total + + • #{membreRechercheBean.statistiques.filtresActifs} filtre(s) actif(s) + +

+
+
+ +
+
+
+ + +
+ + + + +
+ Liste des membres +
+ + + + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+
+ +
+ #{membre.initiales} +
+
+
+
#{membre.nomComplet}
+
+ #{membre.telephone} + • + #{membre.email} +
+
+
+ + + + + + + + + + + + + + + +
+
#{membre.dateAdhesion}
+ #{membre.anciennete} +
+ + + +
+
#{membre.cotisationStatut}
+ #{membre.dernierPaiement} +
+ + + +
+
#{membre.tauxParticipation}%
+ #{membre.evenementsAnnee} événements +
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+
+ #{membreRechercheBean.selectedMembres.size()} membre(s) sélectionné(s) +
+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ + + + +
+ + + + + + + + + + + + + + + +
+ + +
+ +
+
Critères à sauvegarder :
+
#{membreRechercheBean.statistiques.filtresActifs} filtre(s) actif(s) seront sauvegardés
+
+
+ +
+ + + + + + + + + + + + +
+ + + + + + + + +
+
#{recherche.nom}
+ #{recherche.description} +
+ + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
Destinataires :
+
#{membreRechercheBean.selectedMembres.size()} membre(s) recevront ce message
+
+
+ +
+ + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/organisation/detail.xhtml b/src/main/resources/META-INF/resources/pages/secure/organisation/detail.xhtml new file mode 100644 index 0000000..8a6dbe2 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/organisation/detail.xhtml @@ -0,0 +1,263 @@ + + + + + + Détail de l'Organisation + + + + + + +
+
+
+ + + + +
+

+ +

+
+ + +
+
+
+
+ + + + + +
+
+
+ + +
+ +
+
+
Identité
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+
Contacts
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+
Localisation
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+
Description, objectifs & activités
+ + + + + + + + + + + + + + + +
+
+ + +
+
+
Gouvernance & membres
+ + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+
Budget & cotisations
+ + + + + + + + + + + + +
+
+ + +
+
+
Réseaux & partenariats
+ + + + + + + + + + + + + + + +
+
+ + +
+
+
Notes & hiérarchie
+ + + + + + + + + + + + + + + + + +
+
+
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/organisation/liste.xhtml b/src/main/resources/META-INF/resources/pages/secure/organisation/liste.xhtml new file mode 100644 index 0000000..cdbb6a0 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/organisation/liste.xhtml @@ -0,0 +1,251 @@ + + + + + + Gestion des Organisations + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+ + + + +
+
+
+
+ + + + + +
+
+
+
+ + + + + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/organisation/nouvelle.xhtml b/src/main/resources/META-INF/resources/pages/secure/organisation/nouvelle.xhtml new file mode 100644 index 0000000..3a5c8d5 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/organisation/nouvelle.xhtml @@ -0,0 +1,64 @@ + + + + + + Nouvelle Organisation + + + + + + + + +
+
+
+

Nouvelle Organisation

+ + Renseignez l'ensemble des informations de l'organisation. + +
+
+ + + + + +
+
+
+ +
+
Informations de l'Organisation
+ + + + +
+ +
+ + + + + + + + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/personnel/activites.xhtml b/src/main/resources/META-INF/resources/pages/secure/personnel/activites.xhtml new file mode 100644 index 0000000..247aa0e --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/personnel/activites.xhtml @@ -0,0 +1,100 @@ + + + + + Mes Activités - UnionFlow + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
Activités Récentes
+ + +
+
+
+
+ +
+
+
#{activite.titre}
+

#{activite.description}

+
+
+
+
#{activite.dateHeure}
+
+
+
+ + +
+ Aucune activité récente +
+
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/personnel/agenda.xhtml b/src/main/resources/META-INF/resources/pages/secure/personnel/agenda.xhtml new file mode 100644 index 0000000..db4e112 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/personnel/agenda.xhtml @@ -0,0 +1,87 @@ + + + + + Mon Agenda - UnionFlow + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
Calendrier Mensuel
+ + + + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/personnel/documents.xhtml b/src/main/resources/META-INF/resources/pages/secure/personnel/documents.xhtml new file mode 100644 index 0000000..e4a180d --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/personnel/documents.xhtml @@ -0,0 +1,146 @@ + + + + + Mes Documents - UnionFlow + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + +
+ + +
+
Mes Documents
+ + + + +
+ + #{document.nom} +
+ + + + #{document.type} + + + + #{document.dateCreation} + + + + #{document.taille} bytes + + + +
+ + +
+ + +
+ + + + +
+
+
+ + + + + + +
+
+ +
+
+ + +
+
+
+ + +
+ + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/personnel/favoris.xhtml b/src/main/resources/META-INF/resources/pages/secure/personnel/favoris.xhtml new file mode 100644 index 0000000..0ac594a --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/personnel/favoris.xhtml @@ -0,0 +1,374 @@ + + + + + Mes Favoris - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mes Favoris +

+

+ Accédez rapidement à vos pages, documents et fonctionnalités préférés +

+
+
+ + +
+
+ + +
+
+
+
#{favorisBean.totalFavoris}
+
Favoris
+
Total
+
+
+
+
+
#{favorisBean.totalPages}
+
Pages
+
Fonctionnalités
+
+
+
+
+
#{favorisBean.totalDocuments}
+
Documents
+
Fichiers
+
+
+
+
+
#{favorisBean.totalContacts}
+
Contacts
+
Personnes
+
+
+
+
+
+
+ + +
+
+
+

+ + Accès Rapide +

+ +
+ +
+
+
+ + + +
+
#{page.titre}
+

#{page.description}

+
+ + #{page.derniereVisite} +
+
+ +
+
+
+ + + +
+
+
+ + +
+
Mon Agenda
+

Planning et événements personnels

+
+ + Utilisé il y a 2h +
+
+
+ + +
+
+
+ + +
+
Liste des Membres
+

Annuaire et contacts membres

+
+ + Utilisé hier +
+
+
+ + +
+
+
+ + +
+
Cotisations
+

Paiements et historique

+
+ + Utilisé il y a 3 jours +
+
+
+
+
+
+
+ + +
+
+
+

+ + Pages Favorites +

+ +
+ +
+
+
+
+ +
#{page.titre}
+
+
+ + +
+
+

#{page.description}

+
+ + #{page.nbVisites} visite#{page.nbVisites > 1 ? 's' : ''} cette semaine +
+
+
+ +
+ +
+ +
+
+
+
+ + +
+
+
+

+ + Documents Favoris +

+ + +
+
+
+
+ +
+
+
#{doc.nom}
+
+ #{doc.tailleFormatee} + Ajouté aux favoris le #{doc.dateAjout} + +
+

#{doc.description}

+
+
+
+ + + +
+
+
+ +
+
+
+ + +
+
+
+

+ + Contacts Favoris +

+ +
+ +
+
+
+
+
+ +
+
+
#{contact.nom}
+

#{contact.fonction}

+
+
+
+ + +
+
+
+ #{contact.email} + +
+
+
+ +
+
+
+
+ + +
+
+
+

+ + Raccourcis Personnalisés +

+ +
+ +
+
+
+ + +
+
#{racc.titre}
+

#{racc.description}

+ +
+
+ + + +
+
+ +
Ajouter
+

Créer un nouveau raccourci

+ +
+
+
+ + +
+
+ Conseils d'utilisation +
+
    +
  • + + Cliquez sur l'étoile ⭐ à côté des éléments pour les ajouter aux favoris +
    • +
  • + + Organisez vos favoris par catégorie pour un accès plus rapide +
    • +
  • + + Créez des raccourcis personnalisés vers vos actions les plus fréquentes +
    • +
+
+
+
+
+ +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/personnel/notifications.xhtml b/src/main/resources/META-INF/resources/pages/secure/personnel/notifications.xhtml new file mode 100644 index 0000000..c24d29c --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/personnel/notifications.xhtml @@ -0,0 +1,99 @@ + + + + + Mes Notifications - UnionFlow + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + +
+ + +
+
Notifications Récentes
+ + + + +
+
+ #{notification.titre} +
+ + + + #{notification.message} + + + + #{notification.dateCreation} + + + + + + + +
+ + +
+ + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/personnel/parametres.xhtml b/src/main/resources/META-INF/resources/pages/secure/personnel/parametres.xhtml new file mode 100644 index 0000000..64bf553 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/personnel/parametres.xhtml @@ -0,0 +1,704 @@ + + + + + Paramètres Compte - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Paramètres de Compte +

+

+ Gérez la sécurité, la confidentialité et les paramètres avancés de votre compte +

+
+
+ + +
+
+ + +
+
+ +
+
Compte sécurisé
+

+ Votre compte respecte toutes les bonnes pratiques de sécurité. Score: #{parametresBean.scoreSecurite}/100 +

+
+
+ +
+
+
+
+
+
+ + +
+
+
+ + + +
+ +
+
+
+ + Mot de Passe +
+ + +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
Critères de sécurité
+
    +
  • + + Au moins 8 caractères +
    • +
  • + + Une majuscule +
    • +
  • + + Un chiffre +
    • +
  • + + Un caractère spécial +
    • +
+
+ + + +
+
+ + +
+
+
+ + Authentification à Deux Facteurs (2FA) +
+ +
+
+
+
2FA Activée
+

Votre compte est protégé par l'authentification à deux facteurs

+
+ +
+
+ +
+
Méthode configurée
+
+
+ +
+
Application Authenticator
+
Google Authenticator, Authy, etc.
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+
+ + +
+
+
+ + Sessions Actives +
+ + +
+
+
+ +
+
Session Actuelle
+
Chrome 120.0 sur Windows 11
+
IP: 192.168.1.45 • Dakar, Sénégal
+
+
+
+ +
Connecté depuis 2h
+
+
+
+ + +
+
+
+ +
+
iPhone 14
+
Safari Mobile
+
IP: 41.82.45.123 • Dernière activité: il y a 3h
+
+
+
+ +
+
+
+ +
+
+
+ +
+
iPad Pro
+
Safari
+
IP: 197.25.78.156 • Dernière activité: il y a 1 jour
+
+
+
+ +
+
+
+ +
+ +
+
+
+
+ + + + +
+ +
+
+
+ + Visibilité du Profil +
+ + +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ + +
+
+
+ + Partage des Données +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ Information +
+

+ Ces paramètres n'affectent pas les données nécessaires au fonctionnement de l'association. +

+
+
+
+ + +
+
+
+ + Gestion des Données Personnelles +
+ +
+
+
+ +
Exporter mes données
+

+ Téléchargez toutes vos données personnelles au format JSON +

+ +
+
+ +
+
+ +
Actualiser le consentement
+

+ Revoir et mettre à jour vos consentements RGPD +

+ +
+
+ +
+
+ +
Supprimer mon compte
+

+ Suppression définitive de toutes vos données +

+ +
+
+
+
+
+
+ + + + +
+ +
+
+
+ + Communications +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ + +
+
+
+ + Affichage +
+ +
+ + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + +
+ +
+ + +
+
+
+ + +
+
+
+ + Sauvegarde et Synchronisation +
+ +
+
+
+
+
Sauvegarde automatique
+ +
+

+ Sauvegarde quotidienne de vos préférences et données +

+
Dernière sauvegarde: il y a 2h
+
+
+ +
+
+
+
Sync calendriers
+ +
+

+ Synchronisation avec Google Calendar et Outlook +

+
2 calendriers connectés
+
+
+ +
+
+
+
Mode hors ligne
+ +
+

+ Accès limité aux fonctionnalités sans connexion +

+
Cache: 25 MB
+
+
+
+
+
+
+ + + + +
+ +
+
+
+ + API et Intégrations +
+ +
+
+
Clé API personnelle
+ +
+
Utilisée pour les intégrations tierces
+
+ uk_1a2b3c4d5e6f7g8h9i0j... +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ Sécurité +
+

+ Ne partagez jamais votre clé API. Changez-la si elle est compromise. +

+
+
+
+ + +
+
+
+ + Logs d'Activité +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + +
+ + +
+
+ + +
+
+
+ + Zone Dangereuse +
+ +
+
+
+
Réinitialiser les préférences
+

+ Remet tous vos paramètres aux valeurs par défaut +

+ +
+
+ +
+
+
Désactiver le compte
+

+ Suspend temporairement votre accès +

+ +
+
+ +
+
+
Supprimer le compte
+

+ Action irréversible. Toutes vos données seront perdues +

+ +
+
+
+
+
+
+ + +
+
+
+ + +
+
+
+
+
+
Sauvegarder toutes les modifications
+

+ Les changements seront appliqués immédiatement à votre compte +

+
+
+ + +
+
+
+
+
+ +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/personnel/preferences.xhtml b/src/main/resources/META-INF/resources/pages/secure/personnel/preferences.xhtml new file mode 100644 index 0000000..12c23b4 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/personnel/preferences.xhtml @@ -0,0 +1,510 @@ + + + + + Mes Préférences - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Mes Préférences +

+

+ Personnalisez votre expérience UnionFlow selon vos besoins +

+
+
+ + +
+
+ + +
+
+
+ +
Apparence
+

Thème, couleurs, mise en page

+
+
+
+
+ +
Notifications
+

Alertes, emails, SMS

+
+
+
+
+ +
Confidentialité
+

Sécurité, permissions

+
+
+
+
+
+
+ + +
+
+
+

+ + Apparence et Interface +

+ + +
+
+
+
Thème
+ + + + +
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+
Couleur d'accent
+ + + + + + +
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + +
+
+ +
+
+ + + + + + +
+
+
+ +
+
+
+ + +
+
+
+

+ + Notifications et Alertes +

+ + +
+
+
+
+ Notifications navigateur +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
+ Notifications email +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
+ Notifications SMS +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + +
+
+
+
+ +
+
+
+ + +
+
+
+

+ + Confidentialité et Sécurité +

+ + +
+
+
+
Visibilité du profil
+ + + + + + +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Paramètres de sécurité
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + + + + +
+
+
+
+ +
+
+
+ + +
+
+
+

+ + Tableau de Bord Personnel +

+ + +
+
+
+
Widgets à afficher
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Configuration d'affichage
+ +
+ + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+
+
+
+ +
+
+
+ + +
+
+
+
+
+
Enregistrer les modifications
+

Vos préférences seront appliquées immédiatement

+
+
+ + + +
+
+ +
+

+ + Certaines modifications nécessiteront une reconnexion pour être appliquées. +

+
+
+
+
+ +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/personnel/profil.xhtml b/src/main/resources/META-INF/resources/pages/secure/personnel/profil.xhtml new file mode 100644 index 0000000..11b6b16 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/personnel/profil.xhtml @@ -0,0 +1,301 @@ + + + + + Mon Profil - UnionFlow + + + + +
+
+
+
+
+
+ + +
+
+

+ #{personnelBean.membre != null ? personnelBean.membre.nomComplet : 'Chargement...'} +

+

+ Membre depuis le #{personnelBean.membre.dateAdhesionFormatee} +

+
+ + +
+
+
+
+ + + + + + + + + + + + + + +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + +
+
+
+

+ + Informations Personnelles +

+ +
+
+
+
Nom complet
+
#{personnelBean.membre.nomComplet}
+
+
+
+
+
Email
+
#{personnelBean.membre.email}
+
+
+
+
+
Téléphone
+
#{personnelBean.membre.telephone}
+
+
+
+
+
Date de naissance
+
#{personnelBean.membre.dateNaissanceFormatee}
+
+
+
+
+
Adresse
+
#{personnelBean.membre.adresse}
+
+
+
+
+
Profession
+
#{personnelBean.membre.profession}
+
+
+
+
+
+ +
+
+

+ + Adhésion et Statut +

+ +
+
Numéro de membre
+
#{personnelBean.membre.numeroMembre}
+
+ +
+
Type d'adhésion
+
#{personnelBean.membre.typeMembre}
+
+ +
+
Date d'inscription
+
#{personnelBean.membre.dateAdhesionFormatee}
+
+
+
+
+ + +
+
+
+

+ + Activités Récentes +

+ + +
+
+ #{activite.titre} + #{activite.dateHeure} +
+
#{activite.description}
+
+ + +
+ Aucune activité récente +
+
+
+ +
+
+

+ + Rôles et Permissions +

+ +
+ +
+ +
+ +
+
+
+
+ + + + + +
+
+
+ + + + + + +
+
+ + + + + + +
+
+ + + + + + +
+
+ + + + + +
+
+ + + + + +
+
+ + + + + + +
+
+ + + + + +
+
+ +
+ + +
+
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/profile.xhtml b/src/main/resources/META-INF/resources/pages/secure/profile.xhtml new file mode 100644 index 0000000..901da67 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/profile.xhtml @@ -0,0 +1,241 @@ + + + + Mon Profil - UnionFlow + + + +
+
+
+
+
+
+ #{userSession.currentUser.initiales} +
+
+

#{userSession.currentUser.nomComplet}

+
+ + • + #{userSession.currentUser.email} +
+
+ + #{userSession.entite.description} +
+
+
+
+ +
+
+
+
+
+ + +
+
+
+
📋 Informations Personnelles
+
+
+ +
#{userSession.currentUser.nomComplet}
+
+ +
+ +
#{userSession.currentUser.username}
+
+ +
+ +
#{userSession.currentUser.email}
+
+ +
+ +
+ +
+
+
+
+
+ +
+
+
🏢 Informations de l'Entité
+
+
+ +
#{userSession.entite.nom}
+
+ +
+ +
#{userSession.entite.type}
+
+ +
+ +
+ + #{userSession.entite.ville}, #{userSession.entite.pays} +
+
+
+
+
+
+ + +
+
+
+
🔐 Rôles et Permissions
+
+
+ +
+ + + +
+
+ +
+ +
+ + + +
+
+
+
+
+ +
+
+
🔒 Sécurité de la Session
+
+
+ +
+ + Session active +
+
+ +
+ +
+ + #{jwtTokenManager.timeUntilExpiration / 60} minutes +
+
+ +
+ +
+ + +
+
+
+
+
+
+ + + + +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+ + + + + + +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/rapport/activites.xhtml b/src/main/resources/META-INF/resources/pages/secure/rapport/activites.xhtml new file mode 100644 index 0000000..b31eb48 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/rapport/activites.xhtml @@ -0,0 +1,116 @@ + + + + + Rapports Activités - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + +
+ + +
+
Indicateurs d'Activité
+
+ + + + + + + + + + + + +
+
+ + + + +
+
+
+ + + + + + +
+
+
+ + +
+ + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/rapport/details.xhtml b/src/main/resources/META-INF/resources/pages/secure/rapport/details.xhtml new file mode 100644 index 0000000..7a9f84f --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/rapport/details.xhtml @@ -0,0 +1,145 @@ + + + + + Détails du Rapport - UnionFlow + + + + + + +
+
+
+
+ +
+
+

#{rapportDetailsBean.rapport.typeLibelle}

+
+ + Généré le #{rapportDetailsBean.dateGenerationFormatee} +
+
+
+
+ + + + + + + +
+
+
+ + +
+ +
+
+
Informations Générales
+ + + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+
Résumé
+
+

+ Ce rapport contient les données analytiques et statistiques + pour la période sélectionnée. Les informations détaillées + sont disponibles dans le fichier téléchargeable. +

+
+
+
+
+ + +
+
Actions
+
+ + + + +
+
+ + + + +
+
+ +

Rapport introuvable

+

Le rapport demandé n'a pas été trouvé.

+ + + + + +
+
+ + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/rapport/export.xhtml b/src/main/resources/META-INF/resources/pages/secure/rapport/export.xhtml new file mode 100644 index 0000000..b2d7bb6 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/rapport/export.xhtml @@ -0,0 +1,170 @@ + + + + + Export de Rapports - UnionFlow + + + + + + + + + + +
+ +
Nouveau Rapport
+ +
+
+
+ + + + + + + + + +
+
+ +
+
+ + + + + + +
+
+ +
+
+ + + + + + + + + +
+
+ +
+
+ + + + + + +
+
+ +
+
+ + +
+
+ +
+
+ + + + + + + +
+
+
+ +
+ + +
+ +
Historique des Rapports
+ + + + +
+ + #{rapport.typeLibelle} +
+ + + + #{rapport.periodeCouverte} + + + + #{rapport.dateGenerationFormatee} + + + + #{rapport.generePar} + + + + + + + +
+ + +
+ + + +
+ + + diff --git a/src/main/resources/META-INF/resources/pages/secure/rapport/finances.xhtml b/src/main/resources/META-INF/resources/pages/secure/rapport/finances.xhtml new file mode 100644 index 0000000..d673177 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/rapport/finances.xhtml @@ -0,0 +1,209 @@ + + + + + Rapports Financiers - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ +
Période d'Analyse
+
+
+ + + + + + + + + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+
+ + + + + + + +
+
+
+ +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
Sources de Revenus
+ + +
+ + #{source.libelle} +
+ + + + #{source.montant} FCFA + + + + + + +
+ + +
+
Indicateurs Clés de Performance
+
+ + + + + + + + + + + + +
+
+ + + + +
+
+
+ + + + + + +
+
+
+ + +
+ + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/rapport/membres.xhtml b/src/main/resources/META-INF/resources/pages/secure/rapport/membres.xhtml new file mode 100644 index 0000000..7ede3e7 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/rapport/membres.xhtml @@ -0,0 +1,150 @@ + + + + + Rapports Membres - UnionFlow + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + +
+ + +
+
Répartition des Membres
+ + +
+
+ #{repartition.libelle} +
+ + + + #{repartition.nombre} + + + + + + +
+ + +
+
Objectifs
+
+ +
+
+
+ #{objectif.libelle} + #{objectif.pourcentage}% +
+ +
+ Réalisé: #{objectif.realise} + Cible: #{objectif.cible} +
+
+
+ +
+
+ + + + +
+
+
+ + + + + + +
+
+
+ + +
+ + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/pages/secure/reports.xhtml b/src/main/resources/META-INF/resources/pages/secure/reports.xhtml new file mode 100644 index 0000000..ec79b6b --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/reports.xhtml @@ -0,0 +1,26 @@ + + + + UnionFlow - Rapports + + +
+
+
+

Rapports

+

Génération et consultation de rapports

+ + +
+
+
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/souscription/dashboard.xhtml b/src/main/resources/META-INF/resources/pages/secure/souscription/dashboard.xhtml new file mode 100644 index 0000000..5ade155 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/souscription/dashboard.xhtml @@ -0,0 +1,355 @@ + + + + Gestion de la Souscription - UnionFlow + + + + + + + +
+
+
+

+ + #{souscriptionBean.souscriptionActive.formulaireNom} +

+
+ #{souscriptionBean.souscriptionActive.organisationNom} +
+
+ Souscription #{souscriptionBean.souscriptionActive.statut.libelle} + - #{souscriptionBean.souscriptionActive.typeFacturation.libelle} +
+
+
+
+ #{souscriptionBean.souscriptionActive.montantFormat} +
+
+ Expire le #{souscriptionBean.souscriptionActive.dateFin} +
+ +
+ + #{souscriptionBean.joursAvantExpiration} jour(s) restant(s) +
+ +
+
+
+ + + +
+ +
+ +
+
+ +
+
#{alerte.titre}
+
#{alerte.message}
+
+
+ +
+ +
+ +
+ + +
+ +
+
+
+
Quota de Membres
+ + +
+ + + + +
+
#{souscriptionBean.souscriptionActive.pourcentageUtilisation}%
+
utilisé
+
+
+ +
+ #{souscriptionBean.membresActuels} / #{souscriptionBean.quotaMaximum} membres +
+
+ #{souscriptionBean.membresRestants} membre(s) restant(s) +
+
+ +
+ + + +
+
+
+ + +
+
+
Détails de la Souscription
+ +
+
+ +
#{souscriptionBean.souscriptionActive.dateDebut}
+
+
+ +
#{souscriptionBean.souscriptionActive.dateFin}
+
+
+ +
#{souscriptionBean.souscriptionActive.dateDernierPaiement}
+
+
+ +
#{souscriptionBean.souscriptionActive.dateProchainPaiement}
+
+
+ +
#{souscriptionBean.souscriptionActive.referencePaiement}
+
+
+ + +
+
Notifications
+
+ + + + +
+
+ + + + +
+
+
+
+ + +
+
+
Actions
+ +
+ + + + + + + +
+
+
+
+ + + +
+
+

Besoin de plus d'espace ?

+

Découvrez nos formules supérieures pour accueillir plus de membres

+
+ +
+
+
+
+
+ +
+
Premium
+
Jusqu'à 500 membres
+
+ +
+
4 000 FCFA/mois
+
40 000 FCFA/an (économisez 16%)
+
+ +
+ + Gestion complète + + + Rapports avancés + + + Support prioritaire + + + Intégrations + +
+ + +
+
+ +
+
+
+
+ +
+
Cristal
+
Jusqu'à 2000 membres
+
+ +
+
5 000 FCFA/mois
+
50 000 FCFA/an (économisez 16%)
+
+ +
+ + Tout Premium + + + + Personnalisation + + + API complète + + + Support dédié + +
+ + +
+
+
+
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/secure/stats.xhtml b/src/main/resources/META-INF/resources/pages/secure/stats.xhtml new file mode 100644 index 0000000..cedb565 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/secure/stats.xhtml @@ -0,0 +1,18 @@ + + + + Statistiques - UnionFlow + + + + + + + diff --git a/src/main/resources/META-INF/resources/pages/super-admin/configuration.xhtml b/src/main/resources/META-INF/resources/pages/super-admin/configuration.xhtml new file mode 100644 index 0000000..a566e2f --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/super-admin/configuration.xhtml @@ -0,0 +1,775 @@ + + + + Configuration Système - UnionFlow + + + +
+
+
+
+
+

+ + Configuration Système +

+

Paramètres globaux • Sécurité • Intégrations • Performance • #{configBean.derniereModification}

+
+
+ + + +
+
+
+
+
+ + +
+
+
+
+
+
#{configBean.statutSysteme}
+
Statut Système
+
+
+ +
+
+
+
+ +
+
+
+
+
#{configBean.versionApplication}
+
Version Application
+
+
+ +
+
+
+
+ +
+
+
+
+
#{configBean.utilisateursConnectes}
+
Utilisateurs En Ligne
+
+
+ +
+
+
+
+ +
+
+
+
+
#{configBean.espaceDisque}
+
Espace Utilisé
+
+
+ +
+
+
+
+
+ + +
+ + + + +
+
+
+
+
Informations Application
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Paramètres Régionaux
+ +
+ + + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+
+
+ +
+
+
Options d'Interface
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+
+
+
+
+ + + + + + +
+
+
+
+
Serveur SMTP
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Configuration Email
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+
Test de Configuration
+ +
+ + +
+ + +
+
+
+
+ + + + + + +
+
+
+
+
Politique de Mots de Passe
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Sessions et Connexions
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+
+
Surveillance et Audit
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+
+
+
+
+ + + + + + +
+
+
+
+
Wave Money API
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + + +
+ + +
+
+ +
+
+
SMS / WhatsApp
+ +
+ + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ +
+
+
APIs Externes
+ +
+
+
Géolocalisation
+
+ + +
+
+ +
+
Stockage Cloud
+
+ + + + + + + +
+
+ +
+
Analytics
+
+ + +
+
+
+
+
+
+
+ + + + + + +
+
+
+
+
Cache et Mémoire
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ + +
+
+ +
+
+
Base de Données
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ +
+
+
Monitoring en Temps Réel
+ +
+
+
+
#{configBean.cpuUsage}%
+
Utilisation CPU
+ +
+
+ +
+
+
#{configBean.memoryUsage}%
+
Mémoire Utilisée
+ +
+
+ +
+
+
#{configBean.activeConnections}
+
Connexions Actives
+
+
+ +
+
+
#{configBean.responseTime}ms
+
Temps Réponse Moy.
+
+
+
+
+
+
+
+ + + + + + +
+
+
+
+
Sauvegarde Automatique
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ +
+
+
Nettoyage et Maintenance
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+
Mode Maintenance
+ +
+
+ +
+ Le mode maintenance bloque l'accès utilisateur pendant les opérations critiques. +
+
+
+ +
+ + +
+ + +
+
+
+
+ + + +
+ + +
+
+ + + + +
+
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/super-admin/configuration/systeme.xhtml b/src/main/resources/META-INF/resources/pages/super-admin/configuration/systeme.xhtml new file mode 100644 index 0000000..702409e --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/super-admin/configuration/systeme.xhtml @@ -0,0 +1,727 @@ + + + + Configuration Système - UnionFlow + + +
+ +
+
+
+

+ + Configuration Système +

+

+ Paramètres globaux et administration de la plateforme UnionFlow • + Version #{configurationBean.versionSysteme} • + Environnement #{configurationBean.environnement} +

+
+
+ + + + + +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ + Configuration Générale +
+ +
+
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + +
+
+ +
+ +
+ +
+ + +
+
+
+
+ + Base de Données +
+ +
+
+ + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+ Pool: + +
+
+
+
+ +
+ + +
+ +
+
+ +
+
+
+ + Configuration Email +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+
+ + +
+
+ + +
+
+
+ Limite/h: + +
+
+
+
+ +
+ + +
+ +
+
+
+ + +
+
+ + Sécurité et Authentification +
+ +
+
+ + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+
+ + +
+
Options de Sécurité Avancées
+
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+
+ +
+ +
+ +
+ + +
+ +
+
+
+
+ + Monitoring Performance +
+ + + +
+ +
+
+
+
CPU Utilisation
+
#{configurationBean.cpuUtilisation}%
+ +
Seuil critique: 80%
+
+
+ +
+
+
Mémoire RAM
+
#{configurationBean.memoireUtilisee}%
+ +
#{configurationBean.memoireTotal} GB total
+
+
+ +
+
+
Disque Disponible
+
#{configurationBean.disqueDisponible} GB
+
Min requis: 10 GB
+
+
+ +
+
+
Connexions BDD
+
#{configurationBean.connexionsBDDActives}
+
Pool max: #{configurationBean.taillePoolConnexions}
+
+
+ +
+
+
Queue Emails
+
#{configurationBean.queueEmailsEnAttente}
+
En attente traitement
+
+
+ +
+
+
Logs Erreurs (24h)
+
#{configurationBean.logsErreurs24h}
+
Dernières 24 heures
+
+
+
+ + +
+
Alertes Système Automatiques
+
+
+
+ + CPU: #{configurationBean.cpuAlertText} +
+
+
+
+ + Mémoire: #{configurationBean.memoireAlertText} +
+
+
+
+ + Disque: #{configurationBean.disqueAlertText} +
+
+
+
+
+
+ + +
+
+
+ + Actions Système +
+ + +
+
+
+
Mode Maintenance
+
Bloque l'accès utilisateurs
+
+ + + + + +
+
+ + +
+
Sauvegarde Automatique
+ +
+
+ + + + + +
+
+
Rétention:
+ +
+
+ +
+ + + +
+ + + + + + + +
+ +
+
+
+ + +
+
+ + Alertes et Notifications +
+ +
+
+ + +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ +
+ +
+ +
+
+ + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/super-admin/dashboard-enhanced.xhtml b/src/main/resources/META-INF/resources/pages/super-admin/dashboard-enhanced.xhtml new file mode 100644 index 0000000..46e0f60 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/super-admin/dashboard-enhanced.xhtml @@ -0,0 +1,375 @@ + + + + Dashboard Super-Administrateur Enhanced - UnionFlow + + + + + + +
+ +
+
+
+
+

+ + Dashboard Super-Administrateur +

+

Vue globale de la plateforme UnionFlow - Stratégie Volume

+
+
+
#{superAdminBean.nomComplet}
+ Dernière connexion: #{superAdminBean.derniereConnexion} +
+
+
+
+ + + +
+
+
+
+
#{superAdminBean.totalMembres}
+
Membres Actifs
+
+ + +12.5% + ce mois +
+
Moyenne: 146/organisation
+
+
+ +
+
+
+
+ + +
+
+
+
+
#{superAdminBean.totalEntites}
+
Organisations
+
+ + +8 + nouvelles +
+
#{superAdminBean.souscriptionsActives} souscriptions actives
+
+
+ +
+
+
+
+ + +
+
+
+
+
#{superAdminBean.revenusGlobaux}
+
Revenus Mensuels
+
+ + +23% + vs mois dernier +
+
Taux conversion: #{superAdminBean.tauxConversionFormat}
+
+
+ +
+
+
+
+ + +
+
+
+
+
#{superAdminBean.disponibiliteSystemeFormat}
+
Disponibilité
+
+
+ Opérationnel +
+
#{superAdminBean.tempsReponsMoyen}ms temps réponse
+
+
+ +
+
+
+
+ + +
+
+
+ + Analyse des Souscriptions par Forfait +
+
+
+
+
44
+
Starter
+
#{superAdminBean.revenusStarterFormat}
+
+
+
+
+
60
+
Standard
+
#{superAdminBean.revenusStandardFormat}
+
+
+
+
+
20
+
Premium
+
#{superAdminBean.revenusPremmiumFormat}
+
+
+
+
+
3
+
Cristal
+
#{superAdminBean.revenusCristalFormat}
+
+
+
+ + +
+
+
+ + #{superAdminBean.souscriptionsExpirantSous30Jours} souscriptions expirent sous 30 jours +
+ +
+
+
+
+ + +
+
+
+ + Support Client +
+ +
+
+
+
#{superAdminBean.ticketsSupportOuverts}
+
Tickets ouverts
+
+
+
+
+
#{superAdminBean.satisfactionClientFormat}
+
Satisfaction
+
+
+
+ +
+
+ Temps de résolution moyen: 2.3h + +
+
+
+
+ + +
+
+
Alertes Critiques #{superAdminBean.alertesCount}
+ + +
+
+ +
+
#{alerte.titre}
+ #{alerte.entite} - #{alerte.date} +
+
+ + + +
+ + +
+ + + +
+
+
+ + +
+
+
Actions Rapides
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+
Performance Régionale
+
+
+
+
45
+
Dakar
+
+12%
+
+
+
+
+
32
+
Thiès
+
+8%
+
+
+
+
+
28
+
Kaolack
+
+15%
+
+
+
+
+
22
+
Autres
+
+5%
+
+
+
+
+
+ + +
+
+
Top Entités (Membres)
+ +
+
+
+ #{status.index + 1} +
+
+
#{entite.nom}
+ #{entite.typeEntite} +
+
+
+
#{entite.nombreMembres}
+ membres +
+
+ +
+
+
+ + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/super-admin/dashboard.xhtml b/src/main/resources/META-INF/resources/pages/super-admin/dashboard.xhtml new file mode 100644 index 0000000..2cc2888 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/super-admin/dashboard.xhtml @@ -0,0 +1,470 @@ + + + + Dashboard Super-Administrateur - UnionFlow + + +
+ +
+
+
+

+ + Tableau de bord Super-Administrateur +

+

+ Vue globale de la plateforme UnionFlow • + #{superAdminBean.totalEntites} organisations • + #{superAdminBean.totalMembres} membres actifs +

+
+
+
#{superAdminBean.nomComplet}
+
Dernière connexion: #{superAdminBean.derniereConnexion}
+ + + + + +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+
+
+
+ + Actions Rapides +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + +
+
+
+
+
+ + Alertes Système +
+ +
+ +
+
+ + #{superAdminBean.alertesCount} alertes nécessitent votre attention +
+
+ + +
+
+
+ +
+
#{alerte.titre}
+
#{alerte.entite} • #{alerte.date}
+
+
+ + + +
+
+ + +
+ + + +
+
+
+
+
+ + +
+ +
+
+
+
+
+ + Évolution des Entités +
+ + + + + +
+ +
+
+ +
+
#{mois.valeur}
+
+
#{mois.periode}
+
+ +
+
+
+ + +#{superAdminBean.croissanceEntites}% + ce mois +
+
+ Total: #{superAdminBean.totalEntites} entités +
+
+
+
+
+
+ + +
+
+
+
+ + Top 5 Entités +
+ + +
+
+
+
+ #{status.index + 1} +
+
+
#{entite.nom}
+
#{entite.typeEntite}
+
+
+
+
#{entite.nombreMembres}
+
membres
+
+
+
+ +
+
+
+
+ + +
+ +
+
+
+
+ + Répartition par Type +
+ + +
+
+
+
+ +
+
+
#{type.nom}
+
#{type.description}
+
+
+
+
#{type.nombre}
+ +
+
+
+ + + +
+
+ Répartition globale + #{superAdminBean.totalEntites} entités +
+
+ +
+ +
+
+
+
+
+ + +
+
+
+
+ + Activité Récente +
+ +
+ +
+ +
+
+ +
+
+
+ + +
+
+
+ #{activite.description} + #{activite.date} +
+
#{activite.entite}
+
+ #{activite.details} +
+
+
+ Par #{activite.utilisateur} +
+
+
+
+ +
+ +
+ + + +
+
+
+
+
+ + +
+
+
+ + Performance Financière Globale +
+ +
+
+
+
Revenus Ce Mois
+
#{superAdminBean.revenus.mensuel}
+
+ + +#{superAdminBean.revenus.croissanceMensuelle}% +
+
+
+ +
+
+
Revenus Annuels
+
#{superAdminBean.revenus.annuel}
+
+ Objectif: #{superAdminBean.revenus.objectifAnnuel} +
+
+
+ +
+
+
Croissance Annuelle
+
#{superAdminBean.revenus.croissance}%
+
+ + Tendance positive +
+
+
+ +
+
+
Revenu Moyen/Entité
+
#{superAdminBean.revenus.moyenne}
+
+ Sur #{superAdminBean.totalEntites} entités +
+
+
+
+ + +
+
+ Évolution des revenus (6 derniers mois) + + + +
+
+ +
+
#{mois.valeur}
+
+
#{mois.nom}
+
+ +
+
+ + Dernière mise à jour: #{superAdminBean.revenus.derniereMAJ} +
+
+
+
+
+ + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion-enhanced.xhtml b/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion-enhanced.xhtml new file mode 100644 index 0000000..34f2f88 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion-enhanced.xhtml @@ -0,0 +1,641 @@ + + + + Gestion des Entités Enhanced - UnionFlow + + + + + + + > +
+
+
+
+
+

+ + Gestion des Entités - Stratégie Volume +

+

Administration complète avec suivi des souscriptions et quotas

+
+ +
+ + + + +
+ +
+
+
+
+ + > +
+
+
+
+
+
#{entitesGestionBean.statistiques.totalEntites}
+
Total Entités
+
+ + #{entitesGestionBean.statistiques.entitesActives} actives +
+
+
+ +
+
+
+
+ +
+
+
+
+
#{entitesGestionBean.statistiques.totalMembres}
+
Total Membres
+
+ + Moyenne: 146/entité +
+
+
+ +
+
+
+
+ +
+
+
+
+
#{entitesGestionBean.statistiques.souscriptionsExpirantes}
+
Expirations Proches
+
+ + Sous 30 jours +
+
+
+ +
+
+
+
+ +
+
+
+
+
#{entitesGestionBean.statistiques.entitesQuotaAtteint}
+
Quotas Atteints
+
+ + Nécessitent upgrade +
+
+
+ +
+
+
+
+
+ + > +
+
+
+
Répartition par Forfait - Nouvelle Grille Tarifaire
+
+
+
+
44
+
Starter
+
2K FCFA/mois
+
100 membres max
+
+
+
+
+
60
+
Standard
+
3K FCFA/mois
+
200 membres max
+
+
+
+
+
20
+
Premium
+
4K FCFA/mois
+
500 membres max
+
+
+
+
+
3
+
Cristal
+
5K FCFA/mois
+
2000 membres max
+
+
+
+
+
+ +
+
+
Performance Commerciale
+
+
+
+
#{entitesGestionBean.statistiques.revenus}
+
Revenus Mensuels
+
+
+
+
+
#{entitesGestionBean.statistiques.tauxRenouvellementFormat}
+
Taux Renouvellement
+
+
+
+
+
Forfait le plus populaire
+
+ + 60 souscriptions +
+
+
+
+
+ + > +
+
Filtres et Recherche Avancée
+ +
+
+
+
+ + + + +
+
+
+
+ + + + + + + + + +
+
+
+
+ + + + + + + + +
+
+
+
+ + + + + + + + +
+
+
+
+ +
+ + +
+
+
+
+ + + +
+
+
+ + + + + + + + + +
+
+
+
+ + + + + + + +
+
+
+
+ + + + + + + +
+
+
+
+ + + + + + + + +
+
+
+ +
+
+ + + + > +
+
+
Entités avec Souscriptions (#{entitesGestionBean.entitesFiltrees.size()})
+
+ + + + + #{entitesGestionBean.entitesFiltrees.size()} sur #{entitesGestionBean.toutesLesEntites.size()} entités + +
+
+ + + + + + +
+
+ +
+
+
#{entite.nom}
+
#{entite.codeEntite}
+
+
+ + + +
+ +
#{entite.montantMensuel}
+
+ + + +
+
#{entite.membresUtilises}/#{entite.membresQuota}
+
+
+
+
#{entite.pourcentageUtilisationQuota}%
+
+ + + +
+
+ #{entite.dateExpirationSouscription != null ? entite.dateExpirationSouscription.format(java.time.format.DateTimeFormatter.ofPattern('dd/MM/yyyy')) : 'N/A'} +
+
+ + #{entite.joursAvantExpiration} jours +
+
+ + + + #{entite.region} + + + + + + + + +
+ + + + + + + + + + +
+ + + +
+ + > + + +
+
+ +

Confirmer le renouvellement

+

+ Entité: #{entitesGestionBean.entiteSelectionne.nom}
+ Forfait: #{entitesGestionBean.entiteSelectionne.forfaitSouscrit}
+ Montant: #{entitesGestionBean.entiteSelectionne.montantMensuel} +

+
+ +
+ + +
+
+ + + + > + + +
+
+ +

Upgrader le forfait

+

+ Entité: #{entitesGestionBean.entiteSelectionne.nom}
+ Forfait actuel: #{entitesGestionBean.entiteSelectionne.forfaitSouscrit}
+ Quota utilisé: #{entitesGestionBean.entiteSelectionne.pourcentageUtilisationQuota}% +

+
+ +
+ + +
+
+ + + + > + + +
+
+ +

Actions sur #{entitesGestionBean.entitesSelectionnees.size()} entités sélectionnées

+
+ +
+
+
Actions de Souscription
+ + + + + +
+ +
+
Actions Administratives
+ + + + + +
+
+ +
+ +
+
+ + + + > + + +
+
+ + + + + + + + + +
+
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion.xhtml b/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion.xhtml new file mode 100644 index 0000000..609aedc --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion.xhtml @@ -0,0 +1,433 @@ + + + + Gestion des Entités - UnionFlow + + +
+ +
+
+
+

+ + Gestion des Entités +

+

+ Administration complète des clubs et entités Lions • + #{entitesGestionBean.statistiques.totalEntites} entités • + #{entitesGestionBean.statistiques.entitesActives} actives +

+
+
+ + + + + +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ + Filtres et Recherche +
+ +
+
+ + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + + + + + + + + +
+
+ +
+ +
+ +
+ + +
+ +
+
+ + Liste des Entités +
+
+ + +
+
+ + + + + + +
+
+ +
+
+
#{entite.nom}
+
#{entite.codeEntite}
+
+
+ + + + + + + + #{entite.region} + + + +
+
#{entite.nombreMembres}
+
membres
+
+ + + +
+
+
+
#{entite.administrateur.nomComplet}
+
#{entite.administrateur.email}
+
+
+ + Aucun administrateur + + + + +
#{entite.derniereActiviteFormatee}
+
#{entite.derniereActiviteRelative}
+ + + + + + + + +
+ + + + + + + +
+ + + + +
+
+ + + + + + +
+
+ + +
+ +
+ + + + + + + +
+ +
+ + + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+ + + + + + +
+
Entité sélectionnée
+
#{entitesGestionBean.entiteSelectionne.nom}
+
#{entitesGestionBean.entiteSelectionne.codeEntite}
+
+ +
+ + + + + + + + + + +
+ + +
+ + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/super-admin/organisations.xhtml b/src/main/resources/META-INF/resources/pages/super-admin/organisations.xhtml new file mode 100644 index 0000000..c289142 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/super-admin/organisations.xhtml @@ -0,0 +1,212 @@ + + + + Gestion des Organisations + + + + + +
+
+
+
Organisations
+ + CRUD complet des organisations. Respect DRY/WOU: composants réutilisés et simplicité. + +
+
+ + +
+
+
+ + +
+ + Total + + +
+
+ + Actives + + +
+
+ + Inactives + + +
+ + +
+
+
+ + + +
+
+ + + + +
+
+ + + + +
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/pages/super-admin/roles/gestion.xhtml b/src/main/resources/META-INF/resources/pages/super-admin/roles/gestion.xhtml new file mode 100644 index 0000000..80f9208 --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/super-admin/roles/gestion.xhtml @@ -0,0 +1,381 @@ + + + + Rôles et Permissions - UnionFlow + + +
+ + +
+
+
+
+
+

+ + Rôles et Permissions +

+

+ Gérez les rôles utilisateur et leurs permissions système +

+
+
+ + +
+
+ + +
+
+
+
#{rolesBean.totalRoles}
+
Rôles Totaux
+
Système et personnalisés
+
+
+
+
+
#{rolesBean.rolesActifs}
+
Rôles Actifs
+
Utilisés actuellement
+
+
+
+
+
#{rolesBean.utilisateursAvecRoles}
+
Utilisateurs
+
Avec rôles assignés
+
+
+
+
+
#{rolesBean.permissionsUniques}
+
Permissions
+
Définies au total
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + + +
+
+ + + + + + + + +
+
+ + + + + + + + +
+
+ +
+ +
+
+
+ +
+
+
+ + +
+
+
+ + + + +
+
+ +
+
+
#{role.nom}
+
#{role.description}
+
+
+ + + + + + + +
+ + + + +
+ + + +
#{role.nombreUtilisateurs}
+
assignés
+ + + + + + + +
#{role.dateModificationFormatee}
+
#{role.modifiePar}
+ + + +
+ + + + + + +
+ + + +
+
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + + + + +
+
+ + + + + + + + +
+
+ + + + +
+
+ +
+ + +
+
+ + + + + +
+
+
+
+
+
+ +
+
+

#{rolesBean.roleSelectionne.nom}

+

#{rolesBean.roleSelectionne.description}

+
+ + +
+
+
+
+ +
+
+

Permissions Accordées

+
+ +
+ + #{perm.libelle} +
+ +
+
+
+

Utilisateurs Assignés

+
+ +
+ + #{user.nom} #{user.prenom} +
+ +
+
+
+
+
+
+ + +
+ + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/pages/super-admin/types/organisations.xhtml b/src/main/resources/META-INF/resources/pages/super-admin/types/organisations.xhtml new file mode 100644 index 0000000..748668d --- /dev/null +++ b/src/main/resources/META-INF/resources/pages/super-admin/types/organisations.xhtml @@ -0,0 +1,166 @@ + + + + Catalogue des Types d'Organisation + + + + + +
+
+
+
Catalogue des Types d'Organisation
+ + Gestion centrale des types utilisés par les organisations (Lions Club, Association, Coopérative, ...). + +
+
+ + +
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + +
+
+
+ + + +
+
+ + + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.css new file mode 100644 index 0000000..a3b4d30 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(205, 226, 71, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#CDE247; + --primary-light-color:#DDF15E; + --primary-lighter-color:rgba(221, 241, 94, 0.1); + --primary-dark-color:#AEC523; + --primary-darker-color:#8A9D16; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #DDF15E; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fdfef6; + --primary-100:#f3f8d3; + --primary-200:#eaf3b0; + --primary-300:#e0ed8d; + --primary-400:#d7e86a; + --primary-500:#cde247; + --primary-600:#aec03c; + --primary-700:#909e32; + --primary-800:#717c27; + --primary-900:#525a1c; +} + +body .ui-button { + background: #CDE247; + color: #3E4754; + border: 1px solid #CDE247; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #CDE247; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(205, 226, 71, 0.04); + color: #CDE247; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(205, 226, 71, 0.16); + color: #CDE247; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #CDE247; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(205, 226, 71, 0.04); + color: #CDE247; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(205, 226, 71, 0.16); + color: #CDE247; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #CDE247; + border-color: #CDE247; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #CDE247; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #AEC523; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #8A9D16; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(205, 226, 71, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #CDE247; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #CDE247; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #CDE247; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #DDF15E; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #CDE247; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #CDE247; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #CDE247; +} +body .ui-datatable .ui-column-resizer-helper { + background: #CDE247; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #DDF15E; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #AEC523; + border: 1px solid #AEC523; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #CDE247; + color: #3E4754; + border: 1px solid #CDE247; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #b6cd20; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #CDE247; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #b6cd20; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #CDE247; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #CDE247; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #CDE247; + border-color: #CDE247; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #CDE247; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDF15E; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #CDE247; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #CDE247; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #DDF15E; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #CDE247; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #CDE247; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #CDE247; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #CDE247; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #CDE247; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDF15E; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #CDE247; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(205, 226, 71, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #CDE247; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #DDF15E; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #CDE247; + background: #CDE247; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8A9D16; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #CDE247; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8A9D16; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(205, 226, 71, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #CDE247; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(205, 226, 71, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #CDE247; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #CDE247; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #CDE247; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(205, 226, 71, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #CDE247; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #CDE247; +} +body .ui-inputfield.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #CDE247; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #8A9D16; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #CDE247; + color: #3E4754; + border: 1px solid #CDE247; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #CDE247; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #CDE247; + background: #CDE247; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #8A9D16; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #CDE247; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #8A9D16; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #AEC523; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #CDE247; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #CDE247; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDF15E; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #CDE247; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #CDE247; + outline: 0 none; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #CDE247; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #CDE247; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #CDE247; + background: #CDE247; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #CDE247; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(205, 226, 71, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #CDE247; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #CDE247; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #CDE247; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #CDE247; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #CDE247; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(205, 226, 71, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(205, 226, 71, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(205, 226, 71, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #CDE247; + color: #3E4754; + border-color: #CDE247; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #CDE247; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #CDE247; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #CDE247; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #CDE247; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #CDE247; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #CDE247; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #CDE247; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #CDE247; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #CDE247; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #CDE247; +} +body .ui-scrolltop:hover { + background: #cde247; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #CDE247; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #CDE247; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #AEC523; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #CDE247; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #DDF15E; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #CDE247; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #CDE247; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #DDF15E; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDE247; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(205, 226, 71, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #CDE247; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.scss new file mode 100644 index 0000000..683aebe --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-avocado-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #DDF15E; +$primaryColor:#CDE247; +$primaryDarkColor: #AEC523; +$primaryDarkerColor: #8A9D16; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.css new file mode 100644 index 0000000..0ec65b6 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(174, 197, 35, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#AEC523; + --primary-color-text:#3E4754; + --primary-light-color:#CDE247; + --primary-lighter-color:rgba(205, 226, 71, 0.1); + --primary-dark-color:#8A9D16; + --primary-darker-color:#7D8E12; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(174, 197, 35, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #CDE247; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fbfcf4; + --primary-100:#ecf1ca; + --primary-200:#dce6a0; + --primary-300:#cddb77; + --primary-400:#bdd04d; + --primary-500:#aec523; + --primary-600:#94a71e; + --primary-700:#7a8a19; + --primary-800:#606c13; + --primary-900:#464f0e; +} + +body .ui-button { + background: #AEC523; + color: #3E4754; + border: 1px solid #AEC523; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #7D8E12; + border-color: #7D8E12; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #AEC523; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(174, 197, 35, 0.04); + color: #AEC523; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(174, 197, 35, 0.16); + color: #AEC523; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #AEC523; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(174, 197, 35, 0.04); + color: #AEC523; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(174, 197, 35, 0.16); + color: #AEC523; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #AEC523; + border-color: #AEC523; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #AEC523; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #8A9D16; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #7D8E12; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(174, 197, 35, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #AEC523; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #AEC523; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #AEC523; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #CDE247; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #AEC523; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #AEC523; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #AEC523; +} +body .ui-datatable .ui-column-resizer-helper { + background: #AEC523; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #CDE247; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #8A9D16; + border: 1px solid #8A9D16; + color: #3E4754; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #AEC523; + color: #3E4754; + border: 1px solid #AEC523; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #7D8E12; + border-color: #7D8E12; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #8b9e1c; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(174, 197, 35, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #AEC523; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #8b9e1c; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #AEC523; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #AEC523; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #AEC523; + border-color: #AEC523; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #AEC523; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #CDE247; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #AEC523; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #AEC523; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #CDE247; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #AEC523; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #AEC523; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #AEC523; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #AEC523; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(174, 197, 35, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #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); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #AEC523; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #CDE247; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #AEC523; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(174, 197, 35, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #AEC523; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #CDE247; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #AEC523; + background: #AEC523; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #7D8E12; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #AEC523; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #7D8E12; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(174, 197, 35, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #AEC523; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(174, 197, 35, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #7D8E12; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #AEC523; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #AEC523; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(174, 197, 35, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #AEC523; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #AEC523; +} +body .ui-inputfield.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #AEC523; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #7D8E12; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #7D8E12; + border-color: #7D8E12; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #AEC523; + color: #3E4754; + border: 1px solid #AEC523; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #8A9D16; + border-color: #8A9D16; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #7D8E12; + border-color: #7D8E12; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #AEC523; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #AEC523; + background: #AEC523; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #7D8E12; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #AEC523; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #7D8E12; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #8A9D16; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #AEC523; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #AEC523; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #CDE247; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #AEC523; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #AEC523; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(174, 197, 35, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #AEC523; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #AEC523; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #AEC523; + background: #AEC523; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #AEC523; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(174, 197, 35, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #AEC523; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #AEC523; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #AEC523; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #AEC523; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #AEC523; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(174, 197, 35, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(174, 197, 35, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(174, 197, 35, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(174, 197, 35, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #AEC523; + color: #3E4754; + border-color: #AEC523; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #AEC523; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #AEC523; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #AEC523; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #AEC523; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #AEC523; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #AEC523; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #AEC523; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(174, 197, 35, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #AEC523; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #AEC523; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #AEC523; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(174, 197, 35, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #AEC523; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #AEC523; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #8A9D16; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #AEC523; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CDE247; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #AEC523; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #AEC523; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #CDE247; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AEC523; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AEC523; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AEC523; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AEC523; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(174, 197, 35, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #AEC523; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.scss new file mode 100644 index 0000000..bebe301 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-avocado-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #CDE247; +$primaryColor:#AEC523; +$primaryDarkColor: #8A9D16; +$primaryDarkerColor: #7D8E12; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.css new file mode 100644 index 0000000..ad19523 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(105, 183, 255, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#69B7FF; + --primary-light-color:#BAE6FF; + --primary-lighter-color:rgba(186, 230, 255, 0.1); + --primary-dark-color:#5297FF; + --primary-darker-color:#297FFF; + --primary-color-text:#FFFFFF; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #BAE6FF; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f8fbff; + --primary-100:#dbeeff; + --primary-200:#bfe0ff; + --primary-300:#a2d2ff; + --primary-400:#86c5ff; + --primary-500:#69b7ff; + --primary-600:#599cd9; + --primary-700:#4a80b3; + --primary-800:#3a658c; + --primary-900:#2a4966; +} + +body .ui-button { + background: #69B7FF; + color: #FFFFFF; + border: 1px solid #69B7FF; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #69B7FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(105, 183, 255, 0.04); + color: #69B7FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(105, 183, 255, 0.16); + color: #69B7FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #69B7FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(105, 183, 255, 0.04); + color: #69B7FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(105, 183, 255, 0.16); + color: #69B7FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #69B7FF; + border-color: #69B7FF; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #69B7FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #5297FF; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #297FFF; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(105, 183, 255, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #69B7FF; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #69B7FF; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #69B7FF; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #BAE6FF; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #69B7FF; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #69B7FF; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #69B7FF; +} +body .ui-datatable .ui-column-resizer-helper { + background: #69B7FF; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #BAE6FF; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #5297FF; + border: 1px solid #5297FF; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #69B7FF; + color: #FFFFFF; + border: 1px solid #69B7FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #2194ff; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #2194ff; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #69B7FF; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #69B7FF; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #69B7FF; + border-color: #69B7FF; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #69B7FF; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BAE6FF; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #69B7FF; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #69B7FF; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #BAE6FF; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #69B7FF; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #69B7FF; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #69B7FF; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #69B7FF; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BAE6FF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #69B7FF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(105, 183, 255, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #69B7FF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #BAE6FF; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #69B7FF; + background: #69B7FF; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #297FFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #69B7FF; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #297FFF; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(105, 183, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #69B7FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(105, 183, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #69B7FF; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #69B7FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #69B7FF; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(105, 183, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #69B7FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #69B7FF; +} +body .ui-inputfield.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #69B7FF; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #297FFF; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #69B7FF; + color: #FFFFFF; + border: 1px solid #69B7FF; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #69B7FF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #69B7FF; + background: #69B7FF; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #297FFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #69B7FF; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #297FFF; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #5297FF; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69B7FF; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #69B7FF; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BAE6FF; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #69B7FF; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #69B7FF; + outline: 0 none; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #69B7FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #69B7FF; + background: #69B7FF; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #69B7FF; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(105, 183, 255, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #69B7FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #69B7FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #69B7FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #69B7FF; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #69B7FF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(105, 183, 255, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(105, 183, 255, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(105, 183, 255, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #69B7FF; + color: #FFFFFF; + border-color: #69B7FF; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #69B7FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #69B7FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #69B7FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #69B7FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #69B7FF; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #69B7FF; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #69B7FF; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #69B7FF; +} +body .ui-scrolltop:hover { + background: #69b7ff; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FFFFFF; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #69B7FF; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #69B7FF; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #5297FF; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #69B7FF; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #BAE6FF; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #69B7FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #69B7FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #BAE6FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #69B7FF; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(105, 183, 255, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #69B7FF; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.scss new file mode 100644 index 0000000..7720f7f --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-blue-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #BAE6FF; +$primaryColor: #69B7FF; +$primaryDarkColor: #5297FF; +$primaryDarkerColor: #297FFF; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.css new file mode 100644 index 0000000..0c1b992 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(82, 151, 255, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#5297FF; + --primary-color-text:#FFFFFF; + --primary-light-color:#69B7FF; + --primary-lighter-color:rgba(105, 183, 255, 0.1); + --primary-dark-color:#297FFF; + --primary-darker-color:#2170E7; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(82, 151, 255, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #69B7FF; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f6faff; + --primary-100:#d5e6ff; + --primary-200:#b5d2ff; + --primary-300:#94bfff; + --primary-400:#73abff; + --primary-500:#5297ff; + --primary-600:#4680d9; + --primary-700:#396ab3; + --primary-800:#2d538c; + --primary-900:#213c66; +} + +body .ui-button { + background: #5297FF; + color: #FFFFFF; + border: 1px solid #5297FF; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #2170E7; + border-color: #2170E7; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #5297FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(82, 151, 255, 0.04); + color: #5297FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(82, 151, 255, 0.16); + color: #5297FF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #5297FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(82, 151, 255, 0.04); + color: #5297FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(82, 151, 255, 0.16); + color: #5297FF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #5297FF; + border-color: #5297FF; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #5297FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #297FFF; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #2170E7; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(82, 151, 255, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #5297FF; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #5297FF; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #5297FF; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #69B7FF; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #5297FF; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #5297FF; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #5297FF; +} +body .ui-datatable .ui-column-resizer-helper { + background: #5297FF; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #69B7FF; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #297FFF; + border: 1px solid #297FFF; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #5297FF; + color: #FFFFFF; + border: 1px solid #5297FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #2170E7; + border-color: #2170E7; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #0f6eff; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(82, 151, 255, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #5297FF; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #0f6eff; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #5297FF; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #5297FF; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #5297FF; + border-color: #5297FF; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #5297FF; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #69B7FF; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #5297FF; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #5297FF; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #69B7FF; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #5297FF; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #5297FF; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #5297FF; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(82, 151, 255, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #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); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #5297FF; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #69B7FF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #5297FF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(82, 151, 255, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #5297FF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #69B7FF; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #5297FF; + background: #5297FF; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #2170E7; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #5297FF; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #2170E7; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(82, 151, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #5297FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(82, 151, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #2170E7; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #5297FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #5297FF; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(82, 151, 255, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #5297FF; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #5297FF; +} +body .ui-inputfield.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #5297FF; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #2170E7; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #2170E7; + border-color: #2170E7; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #5297FF; + color: #FFFFFF; + border: 1px solid #5297FF; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #297FFF; + border-color: #297FFF; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #2170E7; + border-color: #2170E7; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #5297FF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #5297FF; + background: #5297FF; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #2170E7; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #5297FF; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #2170E7; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #297FFF; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #5297FF; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #5297FF; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #69B7FF; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #5297FF; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #5297FF; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(82, 151, 255, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #5297FF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #5297FF; + background: #5297FF; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #5297FF; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(82, 151, 255, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #5297FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #5297FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #5297FF; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #5297FF; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #5297FF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(82, 151, 255, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(82, 151, 255, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(82, 151, 255, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(82, 151, 255, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #5297FF; + color: #FFFFFF; + border-color: #5297FF; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #5297FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #5297FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #5297FF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #5297FF; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #5297FF; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #5297FF; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #5297FF; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(82, 151, 255, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #5297FF; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #5297FF; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #5297FF; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(82, 151, 255, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #5297FF; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #5297FF; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #297FFF; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #5297FF; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #69B7FF; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #5297FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #5297FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #69B7FF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5297FF; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5297FF; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5297FF; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5297FF; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(82, 151, 255, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #5297FF; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.scss new file mode 100644 index 0000000..d0e5628 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-blue-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #69B7FF; +$primaryColor: #5297FF; +$primaryDarkColor: #297FFF; +$primaryDarkerColor: #2170E7; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.css new file mode 100644 index 0000000..6087e0a --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(110, 193, 128, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#6EC180; + --primary-light-color:#91CC9D; + --primary-lighter-color:rgba(145, 204, 157, 0.1); + --primary-dark-color:#34B56F; + --primary-darker-color:#157943; + --primary-color-text:#FFFFFF; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #91CC9D; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f8fcf9; + --primary-100:#dcf0e1; + --primary-200:#c1e4c8; + --primary-300:#a5d9b0; + --primary-400:#8acd98; + --primary-500:#6ec180; + --primary-600:#5ea46d; + --primary-700:#4d875a; + --primary-800:#3d6a46; + --primary-900:#2c4d33; +} + +body .ui-button { + background: #6EC180; + color: #FFFFFF; + border: 1px solid #6EC180; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #6EC180; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(110, 193, 128, 0.04); + color: #6EC180; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(110, 193, 128, 0.16); + color: #6EC180; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #6EC180; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(110, 193, 128, 0.04); + color: #6EC180; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(110, 193, 128, 0.16); + color: #6EC180; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #6EC180; + border-color: #6EC180; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #6EC180; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #34B56F; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #157943; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(110, 193, 128, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #6EC180; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #6EC180; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #6EC180; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #91CC9D; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #6EC180; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #6EC180; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #6EC180; +} +body .ui-datatable .ui-column-resizer-helper { + background: #6EC180; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #91CC9D; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #34B56F; + border: 1px solid #34B56F; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #6EC180; + color: #FFFFFF; + border: 1px solid #6EC180; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #49aa5e; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #6EC180; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #49aa5e; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #6EC180; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #6EC180; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #6EC180; + border-color: #6EC180; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #6EC180; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #91CC9D; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #6EC180; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #6EC180; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #91CC9D; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #6EC180; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #6EC180; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #6EC180; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #6EC180; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #91CC9D; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #6EC180; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(110, 193, 128, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #6EC180; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #91CC9D; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #6EC180; + background: #6EC180; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #157943; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #6EC180; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #157943; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(110, 193, 128, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #6EC180; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(110, 193, 128, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #6EC180; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #6EC180; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #6EC180; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(110, 193, 128, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #6EC180; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #6EC180; +} +body .ui-inputfield.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #6EC180; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #157943; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #6EC180; + color: #FFFFFF; + border: 1px solid #6EC180; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #6EC180; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #6EC180; + background: #6EC180; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #157943; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #6EC180; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #157943; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #34B56F; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #6EC180; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #6EC180; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #91CC9D; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #6EC180; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #6EC180; + outline: 0 none; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #6EC180; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #6EC180; + background: #6EC180; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #6EC180; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(110, 193, 128, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #6EC180; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #6EC180; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #6EC180; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #6EC180; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #6EC180; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(110, 193, 128, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(110, 193, 128, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(110, 193, 128, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #6EC180; + color: #FFFFFF; + border-color: #6EC180; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #6EC180; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #6EC180; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #6EC180; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #6EC180; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #6EC180; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #6EC180; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #6EC180; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #6EC180; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #6EC180; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #6EC180; +} +body .ui-scrolltop:hover { + background: #6ec180; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FFFFFF; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #6EC180; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #6EC180; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #34B56F; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #6EC180; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #91CC9D; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #6EC180; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #6EC180; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #91CC9D; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #6EC180; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(110, 193, 128, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #6EC180; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.scss new file mode 100644 index 0000000..6122ddc --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-green-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #91CC9D; +$primaryColor:#6EC180; +$primaryDarkColor: #34B56F; +$primaryDarkerColor: #157943; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.css new file mode 100644 index 0000000..d573831 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(52, 181, 111, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#34B56F; + --primary-color-text:#FFFFFF; + --primary-light-color:#6EC180; + --primary-lighter-color:rgba(110, 193, 128, 0.1); + --primary-dark-color:#157943; + --primary-darker-color:#0E6646; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(52, 181, 111, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #6EC180; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f5fbf8; + --primary-100:#ceeddc; + --primary-200:#a8dfc1; + --primary-300:#81d1a6; + --primary-400:#5bc38a; + --primary-500:#34b56f; + --primary-600:#2c9a5e; + --primary-700:#247f4e; + --primary-800:#1d643d; + --primary-900:#15482c; +} + +body .ui-button { + background: #34B56F; + color: #FFFFFF; + border: 1px solid #34B56F; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #0E6646; + border-color: #0E6646; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #34B56F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(52, 181, 111, 0.04); + color: #34B56F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(52, 181, 111, 0.16); + color: #34B56F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #34B56F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(52, 181, 111, 0.04); + color: #34B56F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(52, 181, 111, 0.16); + color: #34B56F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #34B56F; + border-color: #34B56F; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #34B56F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #157943; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #0E6646; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(52, 181, 111, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #34B56F; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #34B56F; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #34B56F; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #6EC180; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #34B56F; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #34B56F; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #34B56F; +} +body .ui-datatable .ui-column-resizer-helper { + background: #34B56F; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #6EC180; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #157943; + border: 1px solid #157943; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #34B56F; + color: #FFFFFF; + border: 1px solid #34B56F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #0E6646; + border-color: #0E6646; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #2a9159; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(52, 181, 111, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #34B56F; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #2a9159; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #34B56F; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #34B56F; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #34B56F; + border-color: #34B56F; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #34B56F; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6EC180; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #34B56F; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #34B56F; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #6EC180; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #34B56F; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #34B56F; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #34B56F; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(52, 181, 111, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #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); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #34B56F; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6EC180; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #34B56F; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(52, 181, 111, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #34B56F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #6EC180; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #34B56F; + background: #34B56F; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #0E6646; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #34B56F; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #0E6646; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(52, 181, 111, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #34B56F; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(52, 181, 111, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #0E6646; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #34B56F; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #34B56F; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(52, 181, 111, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #34B56F; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #34B56F; +} +body .ui-inputfield.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #34B56F; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #0E6646; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #0E6646; + border-color: #0E6646; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #34B56F; + color: #FFFFFF; + border: 1px solid #34B56F; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #157943; + border-color: #157943; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #0E6646; + border-color: #0E6646; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #34B56F; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #34B56F; + background: #34B56F; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #0E6646; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #34B56F; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #0E6646; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #157943; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #34B56F; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #34B56F; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6EC180; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #34B56F; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #34B56F; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(52, 181, 111, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #34B56F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #34B56F; + background: #34B56F; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #34B56F; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(52, 181, 111, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #34B56F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #34B56F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #34B56F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #34B56F; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #34B56F; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(52, 181, 111, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(52, 181, 111, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(52, 181, 111, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(52, 181, 111, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #34B56F; + color: #FFFFFF; + border-color: #34B56F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #34B56F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #34B56F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #34B56F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #34B56F; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #34B56F; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #34B56F; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #34B56F; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(52, 181, 111, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #34B56F; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #34B56F; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #34B56F; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(52, 181, 111, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #34B56F; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #34B56F; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #157943; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #34B56F; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #6EC180; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #34B56F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #34B56F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #6EC180; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #34B56F; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #34B56F; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #34B56F; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #34B56F; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(52, 181, 111, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #34B56F; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.scss new file mode 100644 index 0000000..e93a1b6 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-green-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #6EC180; +$primaryColor:#34B56F; +$primaryDarkColor: #157943; +$primaryDarkerColor: #0E6646; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.css new file mode 100644 index 0000000..b515d6a --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(255, 168, 88, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#FFA858; + --primary-light-color:#FFC591; + --primary-lighter-color:rgba(255, 197, 145, 0.1); + --primary-dark-color:#FF810E; + --primary-darker-color:#F17606; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #FFC591; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffbf7; + --primary-100:#ffead7; + --primary-200:#ffdab7; + --primary-300:#ffc997; + --primary-400:#ffb978; + --primary-500:#ffa858; + --primary-600:#d98f4b; + --primary-700:#b3763e; + --primary-800:#8c5c30; + --primary-900:#664323; +} + +body .ui-button { + background: #FFA858; + color: #3E4754; + border: 1px solid #FFA858; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FF810E; + border-color: #FF810E; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #F17606; + border-color: #F17606; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFA858; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 168, 88, 0.04); + color: #FFA858; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 168, 88, 0.16); + color: #FFA858; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFA858; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 168, 88, 0.04); + color: #FFA858; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 168, 88, 0.16); + color: #FFA858; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FFA858; + border-color: #FFA858; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FF810E; + border-color: #FF810E; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #FFA858; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FF810E; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #F17606; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 168, 88, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFA858; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FFA858; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFA858; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFC591; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #FFA858; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #FFA858; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FFA858; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFA858; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFC591; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #FF810E; + border: 1px solid #FF810E; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #FFA858; + color: #3E4754; + border: 1px solid #FFA858; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FF810E; + border-color: #FF810E; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #F17606; + border-color: #F17606; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff8413; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FFA858; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff8413; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FFA858; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FFA858; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FFA858; + border-color: #FFA858; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FFA858; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC591; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FFA858; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFA858; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFC591; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #FFA858; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #FFA858; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FFA858; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFA858; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FFA858; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC591; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FFA858; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(255, 168, 88, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FFA858; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFC591; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFA858; + background: #FFA858; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #F17606; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFA858; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #F17606; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 168, 88, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FFA858; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 168, 88, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #FFA858; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FFA858; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FFA858; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 168, 88, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FFA858; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FFA858; +} +body .ui-inputfield.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FFA858; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #F17606; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFA858; + color: #3E4754; + border: 1px solid #FFA858; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FF810E; + border-color: #FF810E; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #F17606; + border-color: #F17606; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FFA858; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFA858; + background: #FFA858; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #F17606; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FFA858; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #F17606; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FF810E; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FFA858; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FFA858; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC591; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FFA858; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFA858; + outline: 0 none; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FFA858; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #FFA858; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FFA858; + background: #FFA858; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FFA858; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(255, 168, 88, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFA858; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFA858; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFA858; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFA858; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FFA858; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 168, 88, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 168, 88, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 168, 88, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FFA858; + color: #3E4754; + border-color: #FFA858; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #FFA858; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #FFA858; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFA858; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFA858; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFA858; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #FFA858; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFA858; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFA858; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFA858; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FFA858; +} +body .ui-scrolltop:hover { + background: #ffa858; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFA858; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFA858; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FF810E; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FFA858; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFC591; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFA858; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFA858; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFC591; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFA858; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 168, 88, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FFA858; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.scss new file mode 100644 index 0000000..7f37510 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-orange-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFC591; +$primaryColor:#FFA858; +$primaryDarkColor: #FF810E; +$primaryDarkerColor: #F17606; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.css new file mode 100644 index 0000000..a65ae80 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(255, 129, 14, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#FF810E; + --primary-color-text:#FFFFFF; + --primary-light-color:#FFA858; + --primary-lighter-color:rgba(255, 168, 88, 0.1); + --primary-dark-color:#F17606; + --primary-darker-color:#E96404; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(255, 129, 14, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #FFA858; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fff9f3; + --primary-100:#ffe1c5; + --primary-200:#ffc997; + --primary-300:#ffb16a; + --primary-400:#ff993c; + --primary-500:#ff810e; + --primary-600:#d96e0c; + --primary-700:#b35a0a; + --primary-800:#8c4708; + --primary-900:#663406; +} + +body .ui-button { + background: #FF810E; + color: #FFFFFF; + border: 1px solid #FF810E; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #F17606; + border-color: #F17606; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #E96404; + border-color: #E96404; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FF810E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 129, 14, 0.04); + color: #FF810E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 129, 14, 0.16); + color: #FF810E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FF810E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 129, 14, 0.04); + color: #FF810E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 129, 14, 0.16); + color: #FF810E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FF810E; + border-color: #FF810E; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #F17606; + border-color: #F17606; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FF810E; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #F17606; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #E96404; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 129, 14, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FF810E; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FF810E; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #FF810E; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFA858; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #FF810E; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #FF810E; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FF810E; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FF810E; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFA858; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #F17606; + border: 1px solid #F17606; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #FF810E; + color: #FFFFFF; + border: 1px solid #FF810E; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #F17606; + border-color: #F17606; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #E96404; + border-color: #E96404; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #d76700; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(255, 129, 14, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FF810E; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #d76700; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FF810E; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FF810E; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FF810E; + border-color: #FF810E; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FF810E; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFA858; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FF810E; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #FF810E; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFA858; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #FF810E; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #FF810E; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FF810E; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(255, 129, 14, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #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); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FF810E; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFA858; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #FF810E; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(255, 129, 14, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FF810E; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFA858; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FF810E; + background: #FF810E; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #E96404; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FF810E; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #E96404; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 129, 14, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FF810E; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 129, 14, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #E96404; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FF810E; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FF810E; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 129, 14, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FF810E; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FF810E; +} +body .ui-inputfield.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FF810E; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #E96404; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #E96404; + border-color: #E96404; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FF810E; + color: #FFFFFF; + border: 1px solid #FF810E; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #F17606; + border-color: #F17606; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #E96404; + border-color: #E96404; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FF810E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FF810E; + background: #FF810E; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #E96404; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FF810E; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #E96404; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #F17606; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FF810E; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FF810E; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFA858; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FF810E; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FF810E; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 129, 14, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #FF810E; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FF810E; + background: #FF810E; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FF810E; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(255, 129, 14, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FF810E; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FF810E; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FF810E; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FF810E; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FF810E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 129, 14, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 129, 14, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 129, 14, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(255, 129, 14, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FF810E; + color: #FFFFFF; + border-color: #FF810E; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FF810E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FF810E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FF810E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF810E; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF810E; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF810E; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FF810E; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 129, 14, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF810E; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF810E; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FF810E; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(255, 129, 14, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FF810E; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FF810E; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #F17606; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FF810E; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFA858; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FF810E; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FF810E; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFA858; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF810E; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF810E; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF810E; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF810E; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 129, 14, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FF810E; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.scss new file mode 100644 index 0000000..761d0a9 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-orange-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFA858; +$primaryColor:#FF810E; +$primaryDarkColor: #F17606; +$primaryDarkerColor: #E96404; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.css new file mode 100644 index 0000000..43e3ce0 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(119, 123, 241, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#777BF1; + --primary-light-color:#A1A4F3; + --primary-lighter-color:rgba(161, 164, 243, 0.1); + --primary-dark-color:#464DF2; + --primary-darker-color:#221ED9; + --primary-color-text:#FFFFFF; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #A1A4F3; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f8f8fe; + --primary-100:#dedffc; + --primary-200:#c5c6f9; + --primary-300:#abadf6; + --primary-400:#9194f4; + --primary-500:#777bf1; + --primary-600:#6569cd; + --primary-700:#5356a9; + --primary-800:#414485; + --primary-900:#303160; +} + +body .ui-button { + background: #777BF1; + color: #FFFFFF; + border: 1px solid #777BF1; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #777BF1; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(119, 123, 241, 0.04); + color: #777BF1; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(119, 123, 241, 0.16); + color: #777BF1; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #777BF1; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(119, 123, 241, 0.04); + color: #777BF1; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(119, 123, 241, 0.16); + color: #777BF1; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #777BF1; + border-color: #777BF1; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #777BF1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #464DF2; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #221ED9; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(119, 123, 241, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #777BF1; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #777BF1; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #777BF1; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1A4F3; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #777BF1; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #777BF1; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #777BF1; +} +body .ui-datatable .ui-column-resizer-helper { + background: #777BF1; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #A1A4F3; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #464DF2; + border: 1px solid #464DF2; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #777BF1; + color: #FFFFFF; + border: 1px solid #777BF1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #363cea; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #777BF1; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #363cea; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #777BF1; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #777BF1; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #777BF1; + border-color: #777BF1; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #777BF1; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1A4F3; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #777BF1; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #777BF1; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1A4F3; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #777BF1; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #777BF1; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #777BF1; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #777BF1; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1A4F3; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #777BF1; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(119, 123, 241, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #777BF1; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #A1A4F3; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #777BF1; + background: #777BF1; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #221ED9; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #777BF1; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #221ED9; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(119, 123, 241, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #777BF1; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(119, 123, 241, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #777BF1; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #777BF1; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #777BF1; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(119, 123, 241, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #777BF1; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #777BF1; +} +body .ui-inputfield.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #777BF1; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #221ED9; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #777BF1; + color: #FFFFFF; + border: 1px solid #777BF1; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #777BF1; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #777BF1; + background: #777BF1; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #221ED9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #777BF1; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #221ED9; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #464DF2; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #777BF1; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #777BF1; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1A4F3; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #777BF1; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #777BF1; + outline: 0 none; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #777BF1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #777BF1; + background: #777BF1; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #777BF1; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(119, 123, 241, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #777BF1; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #777BF1; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #777BF1; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #777BF1; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #777BF1; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(119, 123, 241, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(119, 123, 241, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(119, 123, 241, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #777BF1; + color: #FFFFFF; + border-color: #777BF1; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #777BF1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #777BF1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #777BF1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #777BF1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #777BF1; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #777BF1; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #777BF1; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #777BF1; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #777BF1; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #777BF1; +} +body .ui-scrolltop:hover { + background: #777bf1; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FFFFFF; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #777BF1; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #777BF1; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #464DF2; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #777BF1; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1A4F3; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #777BF1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #777BF1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1A4F3; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #777BF1; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(119, 123, 241, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #777BF1; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.scss new file mode 100644 index 0000000..36c605c --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-purple-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #A1A4F3; +$primaryColor:#777BF1; +$primaryDarkColor: #464DF2; +$primaryDarkerColor: #221ED9; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.css new file mode 100644 index 0000000..56d0ba0 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(70, 77, 242, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#464DF2; + --primary-color-text:#FFFFFF; + --primary-light-color:#777BF1; + --primary-lighter-color:rgba(119, 123, 241, 0.1); + --primary-dark-color:#221ED9; + --primary-darker-color:#1222B9; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(70, 77, 242, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #777BF1; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f6f6fe; + --primary-100:#d3d4fc; + --primary-200:#afb2f9; + --primary-300:#8c91f7; + --primary-400:#696ff4; + --primary-500:#464df2; + --primary-600:#3c41ce; + --primary-700:#3136a9; + --primary-800:#272a85; + --primary-900:#1c1f61; +} + +body .ui-button { + background: #464DF2; + color: #FFFFFF; + border: 1px solid #464DF2; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #1222B9; + border-color: #1222B9; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #464DF2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(70, 77, 242, 0.04); + color: #464DF2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(70, 77, 242, 0.16); + color: #464DF2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #464DF2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(70, 77, 242, 0.04); + color: #464DF2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(70, 77, 242, 0.16); + color: #464DF2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #464DF2; + border-color: #464DF2; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #464DF2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #221ED9; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #1222B9; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(70, 77, 242, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #464DF2; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #464DF2; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #464DF2; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #777BF1; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #464DF2; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #464DF2; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #464DF2; +} +body .ui-datatable .ui-column-resizer-helper { + background: #464DF2; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #777BF1; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #221ED9; + border: 1px solid #221ED9; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #464DF2; + color: #FFFFFF; + border: 1px solid #464DF2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #1222B9; + border-color: #1222B9; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #1019e9; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(70, 77, 242, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #464DF2; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #1019e9; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #464DF2; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #464DF2; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #464DF2; + border-color: #464DF2; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #464DF2; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #777BF1; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #464DF2; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #464DF2; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #777BF1; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #464DF2; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #464DF2; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #464DF2; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(70, 77, 242, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #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); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #464DF2; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #777BF1; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #464DF2; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(70, 77, 242, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #464DF2; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #777BF1; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #464DF2; + background: #464DF2; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #1222B9; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #464DF2; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #1222B9; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(70, 77, 242, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #464DF2; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(70, 77, 242, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #1222B9; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #464DF2; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #464DF2; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(70, 77, 242, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #464DF2; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #464DF2; +} +body .ui-inputfield.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #464DF2; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #1222B9; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #1222B9; + border-color: #1222B9; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #464DF2; + color: #FFFFFF; + border: 1px solid #464DF2; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #221ED9; + border-color: #221ED9; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #1222B9; + border-color: #1222B9; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #464DF2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #464DF2; + background: #464DF2; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #1222B9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #464DF2; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #1222B9; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #221ED9; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #464DF2; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #464DF2; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #777BF1; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #464DF2; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #464DF2; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(70, 77, 242, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #464DF2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #464DF2; + background: #464DF2; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #464DF2; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(70, 77, 242, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #464DF2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #464DF2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #464DF2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #464DF2; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #464DF2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(70, 77, 242, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(70, 77, 242, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(70, 77, 242, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(70, 77, 242, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #464DF2; + color: #FFFFFF; + border-color: #464DF2; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #464DF2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #464DF2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #464DF2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #464DF2; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #464DF2; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #464DF2; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #464DF2; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(70, 77, 242, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #464DF2; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #464DF2; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #464DF2; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(70, 77, 242, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #464DF2; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #464DF2; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #221ED9; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #464DF2; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #777BF1; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #464DF2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #464DF2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #777BF1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #464DF2; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #464DF2; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #464DF2; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #464DF2; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(70, 77, 242, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #464DF2; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.scss new file mode 100644 index 0000000..1946eb8 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-purple-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #777BF1; +$primaryColor:#464DF2; +$primaryDarkColor: #221ED9; +$primaryDarkerColor: #1222B9; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.css new file mode 100644 index 0000000..d5ce0a3 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(255, 195, 162, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#FFC3A2; + --primary-light-color:#FFE2D1; + --primary-lighter-color:rgba(255, 226, 209, 0.1); + --primary-dark-color:#FF9B7B; + --primary-darker-color:#FF6E49; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #FFE2D1; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffcfa; + --primary-100:#fff1e9; + --primary-200:#ffe5d7; + --primary-300:#ffdac5; + --primary-400:#ffceb4; + --primary-500:#ffc3a2; + --primary-600:#d9a68a; + --primary-700:#b38971; + --primary-800:#8c6b59; + --primary-900:#664e41; +} + +body .ui-button { + background: #FFC3A2; + color: #3E4754; + border: 1px solid #FFC3A2; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFC3A2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 195, 162, 0.04); + color: #FFC3A2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 195, 162, 0.16); + color: #FFC3A2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFC3A2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 195, 162, 0.04); + color: #FFC3A2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 195, 162, 0.16); + color: #FFC3A2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FFC3A2; + border-color: #FFC3A2; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #FFC3A2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FF9B7B; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #FF6E49; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 195, 162, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFC3A2; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FFC3A2; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFC3A2; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFE2D1; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #FFC3A2; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #FFC3A2; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FFC3A2; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFC3A2; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFE2D1; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #FF9B7B; + border: 1px solid #FF9B7B; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #FFC3A2; + color: #3E4754; + border: 1px solid #FFC3A2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff8d4f; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FFC3A2; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff8d4f; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FFC3A2; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FFC3A2; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FFC3A2; + border-color: #FFC3A2; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FFC3A2; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFE2D1; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FFC3A2; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFC3A2; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFE2D1; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #FFC3A2; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #FFC3A2; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFC3A2; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FFC3A2; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFE2D1; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FFC3A2; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(255, 195, 162, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFE2D1; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFC3A2; + background: #FFC3A2; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF6E49; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFC3A2; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF6E49; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 195, 162, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FFC3A2; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 195, 162, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #FFC3A2; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FFC3A2; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FFC3A2; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 195, 162, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FFC3A2; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-inputfield.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FFC3A2; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #FF6E49; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFC3A2; + color: #3E4754; + border: 1px solid #FFC3A2; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFC3A2; + background: #FFC3A2; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FF6E49; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FFC3A2; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FF6E49; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FF9B7B; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FFC3A2; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFE2D1; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFC3A2; + outline: 0 none; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #FFC3A2; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FFC3A2; + background: #FFC3A2; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FFC3A2; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(255, 195, 162, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFC3A2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFC3A2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFC3A2; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFC3A2; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FFC3A2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 195, 162, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 195, 162, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 195, 162, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FFC3A2; + color: #3E4754; + border-color: #FFC3A2; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #FFC3A2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #FFC3A2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFC3A2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFC3A2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC3A2; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #FFC3A2; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFC3A2; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFC3A2; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFC3A2; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FFC3A2; +} +body .ui-scrolltop:hover { + background: #ffc3a2; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFC3A2; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFC3A2; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FF9B7B; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FFC3A2; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFE2D1; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFC3A2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFC3A2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFE2D1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC3A2; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 195, 162, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FFC3A2; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.scss new file mode 100644 index 0000000..c3fa149 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-red-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFE2D1; +$primaryColor:#FFC3A2; +$primaryDarkColor: #FF9B7B; +$primaryDarkerColor: #FF6E49; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.css new file mode 100644 index 0000000..3f756ae --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(255, 155, 123, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#FF9B7B; + --primary-color-text:#3E4754; + --primary-light-color:#FFC3A2; + --primary-lighter-color:rgba(255, 195, 162, 0.1); + --primary-dark-color:#FF6E49; + --primary-darker-color:#EA2B1F; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(255, 155, 123, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #FFC3A2; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffaf8; + --primary-100:#ffe7df; + --primary-200:#ffd4c6; + --primary-300:#ffc1ad; + --primary-400:#ffae94; + --primary-500:#ff9b7b; + --primary-600:#d98469; + --primary-700:#b36d56; + --primary-800:#8c5544; + --primary-900:#663e31; +} + +body .ui-button { + background: #FF9B7B; + color: #3E4754; + border: 1px solid #FF9B7B; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #EA2B1F; + border-color: #EA2B1F; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FF9B7B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 155, 123, 0.04); + color: #FF9B7B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 155, 123, 0.16); + color: #FF9B7B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FF9B7B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 155, 123, 0.04); + color: #FF9B7B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 155, 123, 0.16); + color: #FF9B7B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FF9B7B; + border-color: #FF9B7B; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FF9B7B; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FF6E49; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #EA2B1F; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 155, 123, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FF9B7B; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FF9B7B; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FF9B7B; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC3A2; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #FF9B7B; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #FF9B7B; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FF9B7B; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FF9B7B; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFC3A2; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #FF6E49; + border: 1px solid #FF6E49; + color: #3E4754; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #FF9B7B; + color: #3E4754; + border: 1px solid #FF9B7B; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #EA2B1F; + border-color: #EA2B1F; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff622f; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(255, 155, 123, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FF9B7B; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff622f; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FF9B7B; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FF9B7B; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FF9B7B; + border-color: #FF9B7B; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FF9B7B; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC3A2; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FF9B7B; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FF9B7B; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC3A2; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #FF9B7B; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #FF9B7B; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FF9B7B; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(255, 155, 123, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #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); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FF9B7B; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC3A2; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FF9B7B; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(255, 155, 123, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFC3A2; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FF9B7B; + background: #FF9B7B; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #EA2B1F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FF9B7B; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #EA2B1F; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 155, 123, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FF9B7B; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 155, 123, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #EA2B1F; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FF9B7B; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FF9B7B; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 155, 123, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FF9B7B; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-inputfield.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FF9B7B; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #EA2B1F; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #EA2B1F; + border-color: #EA2B1F; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FF9B7B; + color: #3E4754; + border: 1px solid #FF9B7B; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FF6E49; + border-color: #FF6E49; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #EA2B1F; + border-color: #EA2B1F; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FF9B7B; + background: #FF9B7B; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #EA2B1F; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FF9B7B; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #EA2B1F; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FF6E49; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FF9B7B; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC3A2; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FF9B7B; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FF9B7B; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 155, 123, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #FF9B7B; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FF9B7B; + background: #FF9B7B; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FF9B7B; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(255, 155, 123, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FF9B7B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FF9B7B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FF9B7B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FF9B7B; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FF9B7B; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 155, 123, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 155, 123, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 155, 123, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(255, 155, 123, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FF9B7B; + color: #3E4754; + border-color: #FF9B7B; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FF9B7B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FF9B7B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FF9B7B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF9B7B; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FF9B7B; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 155, 123, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF9B7B; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF9B7B; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FF9B7B; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(255, 155, 123, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FF9B7B; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FF9B7B; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FF6E49; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FF9B7B; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC3A2; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FF9B7B; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FF9B7B; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC3A2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9B7B; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 155, 123, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FF9B7B; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.scss new file mode 100644 index 0000000..3ebc497 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-red-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFC3A2; +$primaryColor:#FF9B7B; +$primaryDarkColor: #FF6E49; +$primaryDarkerColor: #EA2B1F; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.css new file mode 100644 index 0000000..5d8f823 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(126, 200, 232, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#7EC8E8; + --primary-light-color:#A1DCF5; + --primary-lighter-color:rgba(161, 220, 245, 0.1); + --primary-dark-color:#58AED3; + --primary-darker-color:#3099C6; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #A1DCF5; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f9fcfe; + --primary-100:#e0f2f9; + --primary-200:#c8e7f5; + --primary-300:#afddf1; + --primary-400:#97d2ec; + --primary-500:#7ec8e8; + --primary-600:#6baac5; + --primary-700:#588ca2; + --primary-800:#456e80; + --primary-900:#32505d; +} + +body .ui-button { + background: #7EC8E8; + color: #3E4754; + border: 1px solid #7EC8E8; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #58AED3; + border-color: #58AED3; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #3099C6; + border-color: #3099C6; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #7EC8E8; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(126, 200, 232, 0.04); + color: #7EC8E8; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(126, 200, 232, 0.16); + color: #7EC8E8; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #7EC8E8; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(126, 200, 232, 0.04); + color: #7EC8E8; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(126, 200, 232, 0.16); + color: #7EC8E8; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #7EC8E8; + border-color: #7EC8E8; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #58AED3; + border-color: #58AED3; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #7EC8E8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #58AED3; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #3099C6; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(126, 200, 232, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #7EC8E8; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #7EC8E8; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #7EC8E8; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1DCF5; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #7EC8E8; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #7EC8E8; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #7EC8E8; +} +body .ui-datatable .ui-column-resizer-helper { + background: #7EC8E8; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #A1DCF5; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #58AED3; + border: 1px solid #58AED3; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #7EC8E8; + color: #3E4754; + border: 1px solid #7EC8E8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #58AED3; + border-color: #58AED3; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #3099C6; + border-color: #3099C6; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #41aedd; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #7EC8E8; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #41aedd; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #7EC8E8; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #7EC8E8; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #7EC8E8; + border-color: #7EC8E8; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #7EC8E8; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1DCF5; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #7EC8E8; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #7EC8E8; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1DCF5; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #7EC8E8; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #7EC8E8; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #7EC8E8; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #7EC8E8; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1DCF5; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #7EC8E8; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(126, 200, 232, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #A1DCF5; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #7EC8E8; + background: #7EC8E8; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #3099C6; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #7EC8E8; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #3099C6; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(126, 200, 232, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #7EC8E8; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(126, 200, 232, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #7EC8E8; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #7EC8E8; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #7EC8E8; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(126, 200, 232, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #7EC8E8; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-inputfield.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #7EC8E8; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #3099C6; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #7EC8E8; + color: #3E4754; + border: 1px solid #7EC8E8; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #58AED3; + border-color: #58AED3; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #3099C6; + border-color: #3099C6; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #7EC8E8; + background: #7EC8E8; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #3099C6; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #7EC8E8; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #3099C6; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #58AED3; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #7EC8E8; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A1DCF5; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #7EC8E8; + outline: 0 none; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #7EC8E8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #7EC8E8; + background: #7EC8E8; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #7EC8E8; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(126, 200, 232, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #7EC8E8; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #7EC8E8; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #7EC8E8; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #7EC8E8; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #7EC8E8; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(126, 200, 232, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(126, 200, 232, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(126, 200, 232, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #7EC8E8; + color: #3E4754; + border-color: #7EC8E8; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #7EC8E8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #7EC8E8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #7EC8E8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #7EC8E8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #7EC8E8; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #7EC8E8; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #7EC8E8; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #7EC8E8; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #7EC8E8; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #7EC8E8; +} +body .ui-scrolltop:hover { + background: #7ec8e8; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #7EC8E8; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #7EC8E8; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #58AED3; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #7EC8E8; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A1DCF5; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #7EC8E8; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #7EC8E8; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #A1DCF5; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7EC8E8; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(126, 200, 232, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #7EC8E8; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.scss new file mode 100644 index 0000000..1f3169e --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-turquoise-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #A1DCF5; +$primaryColor:#7EC8E8; +$primaryDarkColor: #58AED3; +$primaryDarkerColor: #3099C6; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.css new file mode 100644 index 0000000..0f89b6c --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(88, 174, 211, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#58AED3; + --primary-color-text:#FFFFFF; + --primary-light-color:#7EC8E8; + --primary-lighter-color:rgba(126, 200, 232, 0.1); + --primary-dark-color:#3099C6; + --primary-darker-color:#16749D; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(88, 174, 211, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #7EC8E8; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f7fbfd; + --primary-100:#d7ecf4; + --primary-200:#b7dcec; + --primary-300:#97cde4; + --primary-400:#78bddb; + --primary-500:#58aed3; + --primary-600:#4b94b3; + --primary-700:#3e7a94; + --primary-800:#306074; + --primary-900:#234654; +} + +body .ui-button { + background: #58AED3; + color: #FFFFFF; + border: 1px solid #58AED3; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #3099C6; + border-color: #3099C6; + color: #FFFFFF; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #16749D; + border-color: #16749D; + color: #FFFFFF; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #58AED3; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(88, 174, 211, 0.04); + color: #58AED3; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(88, 174, 211, 0.16); + color: #58AED3; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #58AED3; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(88, 174, 211, 0.04); + color: #58AED3; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(88, 174, 211, 0.16); + color: #58AED3; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #58AED3; + border-color: #58AED3; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #3099C6; + border-color: #3099C6; + color: #FFFFFF; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #FFFFFF; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #58AED3; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #3099C6; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #16749D; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(88, 174, 211, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #58AED3; + color: #FFFFFF; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #58AED3; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #58AED3; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #7EC8E8; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #58AED3; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #58AED3; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFFFFF; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #58AED3; +} +body .ui-datatable .ui-column-resizer-helper { + background: #58AED3; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #7EC8E8; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #3099C6; + border: 1px solid #3099C6; + color: #FFFFFF; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #58AED3; + color: #FFFFFF; + border: 1px solid #58AED3; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #3099C6; + border-color: #3099C6; + color: #FFFFFF; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #16749D; + border-color: #16749D; + color: #FFFFFF; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #3293bd; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(88, 174, 211, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #58AED3; + color: #FFFFFF; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #3293bd; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #58AED3; + color: #FFFFFF; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #58AED3; + color: #FFFFFF; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #58AED3; + border-color: #58AED3; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFFFFF; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFFFFF; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #58AED3; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7EC8E8; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #58AED3; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #FFFFFF; + background: #58AED3; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #7EC8E8; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #58AED3; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #58AED3; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFFFFF; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFFFFF; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #58AED3; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(88, 174, 211, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #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); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #58AED3; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7EC8E8; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFFFFF; + background: #58AED3; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(88, 174, 211, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #58AED3; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #7EC8E8; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #58AED3; + background: #58AED3; + color: #FFFFFF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #16749D; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #58AED3; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #16749D; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(88, 174, 211, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #58AED3; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(88, 174, 211, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #16749D; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #58AED3; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #58AED3; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(88, 174, 211, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #58AED3; + color: #FFFFFF; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #58AED3; +} +body .ui-inputfield.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #58AED3; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #16749D; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #16749D; + border-color: #16749D; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #58AED3; + color: #FFFFFF; + border: 1px solid #58AED3; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #3099C6; + border-color: #3099C6; + color: #FFFFFF; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #16749D; + border-color: #16749D; + color: #FFFFFF; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #58AED3; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #58AED3; + background: #58AED3; + color: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #16749D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFFFFF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #58AED3; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #16749D; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFFFFF; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #3099C6; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #58AED3; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFFFFF; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #58AED3; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7EC8E8; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #58AED3; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #58AED3; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(88, 174, 211, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #58AED3; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #58AED3; + background: #58AED3; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #58AED3; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(88, 174, 211, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #58AED3; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #58AED3; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #58AED3; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #58AED3; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #58AED3; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(88, 174, 211, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(88, 174, 211, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(88, 174, 211, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(88, 174, 211, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #58AED3; + color: #FFFFFF; + border-color: #58AED3; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #58AED3; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #58AED3; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #58AED3; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #58AED3; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #58AED3; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #58AED3; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #58AED3; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(88, 174, 211, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #58AED3; + color: #FFFFFF; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #58AED3; + color: #FFFFFF; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #58AED3; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(88, 174, 211, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #58AED3; + color: #FFFFFF; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #58AED3; + color: #FFFFFF; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #3099C6; + color: #FFFFFF; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #58AED3; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7EC8E8; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #58AED3; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #58AED3; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #7EC8E8; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #58AED3; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #58AED3; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #58AED3; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #58AED3; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(88, 174, 211, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #58AED3; + color: #FFFFFF; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.scss new file mode 100644 index 0000000..9aeff55 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-turquoise-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #7EC8E8; +$primaryColor:#58AED3; +$primaryDarkColor: #3099C6; +$primaryDarkerColor: #16749D; +$primaryTextColor: #FFFFFF; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.css new file mode 100644 index 0000000..4b72607 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.css @@ -0,0 +1,7711 @@ +:root { + --surface-a:#293241; + --surface-b:#3E4754; + --surface-c:rgba(255, 201, 64, 0.2); + --surface-d:#545B67; + --surface-e:#293241; + --surface-f:#293241; + --text-color:#EAEBEC; + --text-color-secondary:#BFC2C6; + --primary-color:#FFC940; + --primary-light-color:#FFDB7D; + --primary-lighter-color:rgba(255, 219, 125, 0.1); + --primary-dark-color:#FFB340; + --primary-darker-color:#FFA928; + --primary-color-text:#3E4754; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-0: #293241; + --surface-50: #3e4754; + --surface-100: #545b67; + --surface-200: #69707a; + --surface-300: #7f848d; + --surface-400: #9499a0; + --surface-500: #a9adb3; + --surface-600: #bfc2c6; + --surface-700: #d4d6d9; + --surface-800: #eaebec; + --surface-900: #ffffff; + --gray-50:#eaebec; + --gray-100: #d4d6d9; + --gray-200: #d4d6d9; + --gray-300: #bfc2c6; + --gray-400: #a9adb3; + --gray-500: #7f848d; + --gray-600: #69707a; + --gray-700: #545b67; + --gray-800: #3e4754; + --gray-900: #293241; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#3E4754; + --surface-section:#3E4754; + --surface-card:#293241; + --surface-overlay:#293241; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #FFDB7D; + color-scheme: dark; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.4; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffcf5; + --primary-100:#fff2d1; + --primary-200:#ffe8ad; + --primary-300:#ffde89; + --primary-400:#ffd364; + --primary-500:#ffc940; + --primary-600:#d9ab36; + --primary-700:#b38d2d; + --primary-800:#8c6f23; + --primary-900:#66501a; +} + +body .ui-button { + background: #FFC940; + color: #3E4754; + border: 1px solid #FFC940; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFC940; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 201, 64, 0.04); + color: #FFC940; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 201, 64, 0.16); + color: #FFC940; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #BFC2C6; + border-color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFC940; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 201, 64, 0.04); + color: #FFC940; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 201, 64, 0.16); + color: #FFC940; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #BFC2C6; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: #BFC2C6; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #BFC2C6; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FFC940; + border-color: #FFC940; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #121212; + border: 1px solid #C5E1A5; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #b2d788; + color: #121212; + border-color: #b2d788; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #d6eac0; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFE082; + color: #121212; + border: 1px solid #FFE082; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #ffd65c; + color: #121212; + border-color: #ffd65c; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ffe9a8; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ffcd35; + color: #121212; + border-color: #ffcd35; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 224, 130, 0.16); + color: #FFE082; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFE082; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 224, 130, 0.04); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 224, 130, 0.16); + border-color: transparent; + color: #FFE082; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #121212; + border: 1px solid #CE93D8; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #c278ce; + color: #121212; + border-color: #c278ce; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #ddb3e4; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #b65ec5; + color: #121212; + border-color: #b65ec5; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #81D4FA; + color: #121212; + border: 1px solid #81D4FA; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #5dc8f9; + color: #121212; + border-color: #5dc8f9; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #a7e1fc; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #38bbf7; + color: #121212; + border-color: #38bbf7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(129, 212, 250, 0.16); + color: #81D4FA; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #81D4FA; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 212, 250, 0.04); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(129, 212, 250, 0.16); + border-color: transparent; + color: #81D4FA; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #F48FB1; + color: #121212; + border: 1px solid #F48FB1; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f16c98; + color: #121212; + border-color: #f16c98; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 1px #f7b1c8; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #ed4980; + color: #121212; + border-color: #ed4980; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #FFC940; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FFB340; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #FFA928; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #EAEBEC; + color: #3E4754; +} +body .ui-speeddial-action:hover { + background: #BFC2C6; + color: #3E4754; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #545B67; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 201, 64, 0.2); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFC940; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FFC940; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #293241; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #545B67; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFC940; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFDB7D; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-datatable thead th.ui-state-active { + background: #293241; + color: #FFC940; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #FFC940; +} +body .ui-datatable .ui-datatable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #293241; + color: #EAEBEC; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FFC940; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFC940; +} +body .ui-datatable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #293241; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #374250; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #293241; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #293241; + border: 1px solid #545B67; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #545B67; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #293241; + color: #BFC2C6; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #545B67; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #545B67; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFDB7D; +} +body .fc th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #545B67; +} +body .fc td.fc-widget-content { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; +} +body .fc td.fc-head-container { + border: 1px solid #545B67; +} +body .fc .fc-row { + border-right: 1px solid #545B67; +} +body .fc .fc-event { + background: #FFB340; + border: 1px solid #FFB340; + color: #3E4754; +} +body .fc .fc-divider { + background: #293241; + border: 1px solid #545B67; +} +body .fc .fc-toolbar .fc-button { + background: #FFC940; + color: #3E4754; + border: 1px solid #FFC940; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ffb700; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #293241; + border: solid #545B67; + border-width: 1px; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #BFC2C6; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #BFC2C6; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #BFC2C6; + margin: 0 0.125em; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FFC940; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #BFC2C6; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ffb700; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #EAEBEC; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FFC940; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FFC940; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #EAEBEC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FFC940; + border-color: #FFC940; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #EAEBEC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FFC940; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFDB7D; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #293241; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FFC940; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #293241; + color: #BFC2C6; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #293241; + color: #EAEBEC; + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFC940; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFDB7D; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-treetable thead th.ui-state-active { + background: #293241; + color: #FFC940; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #FFC940; +} +body .ui-treetable .ui-treetable-data > tr { + background: #293241; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid #545B67; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FFC940; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #293241; + border: 1px solid #545B67; + border-width: 0 0 1px 0; + color: #EAEBEC; + padding: 1rem 1rem; + font-weight: 600; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #293241; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFC940; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #545B67; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #3E4754; + border: 1px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FFC940; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #BFC2C6; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #BFC2C6; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #293241; + border: 1px solid #545B67; + 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); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #EAEBEC; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFDB7D; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FFC940; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #EAEBEC; + background: rgba(255, 201, 64, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #545B67; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #545B67; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FFC940; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFDB7D; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFC940; + background: #FFC940; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFA928; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFC940; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFA928; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #EAEBEC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #293241; + color: #EAEBEC; + font-weight: 600; + border: solid #545B67; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 201, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #EAEBEC; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FFC940; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 201, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #FFC940; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FFC940; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FFC940; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #78909C; + color: #ffffff; + border: 1px solid #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #69838f; + border-color: #69838f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 1px #a1b1ba; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #5d747f; + border-color: #5d747f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(120, 144, 156, 0.04); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(120, 144, 156, 0.16); + color: #78909C; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #78909C; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(120, 144, 156, 0.04); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(120, 144, 156, 0.16); + border-color: transparent; + color: #78909C; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #545B67; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 201, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FFC940; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #BFC2C6; +} +body :-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body ::-moz-placeholder { + color: #BFC2C6; + opacity: 1; +} +body :-ms-input-placeholder { + color: #BFC2C6; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #BFC2C6; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #EAEBEC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #EAEBEC; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #BFC2C6; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #EAEBEC; + background: #3E4754; + padding: 0.5rem 0.5rem; + border: 1px solid #545B67; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FFC940; +} +body .ui-inputfield.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #545B67; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #545B67; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #545B67; + background: #293241; + color: #BFC2C6; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #545B67; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #293241; + border-radius: 50%; + border: 2px solid #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0 none; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FFC940; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #EAEBEC; + border-color: #FFA928; + margin-left: 2px; +} + +body .keypad-popup { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #293241; + border: 1px solid #545B67; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.ui-state-active { + background: #3E4754; + border-color: #545B67; + color: #EAEBEC; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFC940; + color: #3E4754; + border: 1px solid #FFC940; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #545B67; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #293241; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #545B67; + border-width: 2px; + background: #3E4754; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FFC940; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFC940; + background: #FFC940; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FFA928; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #ef9a9a; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FFC940; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FFA928; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #F48FB1; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #F48FB1; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #EAEBEC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FFB340; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FFC940; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #545B67; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FFC940; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #545B67; + color: #EAEBEC; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #545B67; + border-radius: 6px; + background: #293241; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFDB7D; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #293241; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #545B67; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #3E4754; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #BFC2C6; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FFC940; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFC940; + outline: 0 none; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-selectonemenu.ui-state-error { + border-color: #ef9a9a; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #545B67; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #545B67; +} +body .ui-selectonemenu-panel { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #293241; + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #BFC2C6; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #293241; + border: 1px solid #545B67; + color: #EAEBEC; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #EAEBEC; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FFC940; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #293241; + margin: 0; + padding: 0.75rem 1rem; + color: #EAEBEC; +} + +body .ui-slider { + background: #545B67; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #545B67; + border: 2px solid #FFC940; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FFC940; + background: #FFC940; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FFC940; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #293241; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #BFC2C6; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #293241; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #EAEBEC; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #EAEBEC; + background: rgba(255, 201, 64, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #545B67; +} +.ui-texteditor .ql-container .ql-editor { + background: #3E4754; + color: #EAEBEC; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #EAEBEC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFC940; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFC940; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFC940; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFC940; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #ef9a9a; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #545B67; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #ef9a9a; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #293241; + color: #EAEBEC; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #3E4754; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FFC940; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #EAEBEC; +} + +body .ui-breadcrumb { + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #BFC2C6; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #BFC2C6; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #EAEBEC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 201, 64, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #BFC2C6; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 201, 64, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #EAEBEC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 1px solid #545B67; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #545B67; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #293241; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #EAEBEC; + width: 100%; + border: 0 none; + background: #293241; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #293241; + color: #EAEBEC; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #293241; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #545B67; + background: #293241; + color: #EAEBEC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #293241; + border: 1px solid #545B67; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #EAEBEC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 201, 64, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #EAEBEC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #BFC2C6; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #EAEBEC; + background: #293241; + border: 1px solid #545B67; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FFC940; + color: #3E4754; + border-color: #FFC940; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #EAEBEC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #545B67; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #293241; + color: #BFC2C6; + top: 0; + margin: 0; + border-bottom: 2px solid #545B67; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #BFC2C6; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #293241; + border-color: #FFC940; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #EAEBEC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #293241; + border-color: #FFC940; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFC940; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFC940; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #545B67; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #545B67; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #545B67; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFC940; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #545B67; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #293241; +} + +body .ui-badge { + background: #FFC940; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #78909C; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #121212; +} +body .ui-badge.ui-badge-info { + background: #81D4FA; + color: #121212; +} +body .ui-badge.ui-badge-warning { + background: #FFE082; + color: #121212; +} +body .ui-badge.ui-badge-danger { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #545B67; + color: #EAEBEC; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} + +body .ui-clock { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} + +body .ui-galleria .ui-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, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #545B67; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFC940; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFC940; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #545B67; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFC940; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #EAEBEC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FFC940; +} +body .ui-scrolltop:hover { + background: #ffc940; +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #3E4754; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFC940; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #121212; +} +body .ui-tag.ui-tag-info { + background: #81D4FA; + color: #121212; +} +body .ui-tag.ui-tag-warning { + background: #FFE082; + color: #121212; +} +body .ui-tag.ui-tag-danger { + background: #F48FB1; + color: #121212; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #293241; + color: #EAEBEC; + border: 1px solid #545B67; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(41, 50, 65, 0); + border-bottom-color: #293241; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(84, 91, 103, 0); + border-bottom-color: #545B67; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #293241; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #545B67; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #545B67; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #293241; + color: #EAEBEC; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #293241; + color: #EAEBEC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #293241; + color: #EAEBEC; + padding: 0; + border: 1px solid #545B67; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFC940; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FFB340; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #545B67; + color: #EAEBEC; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #545B67; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #545B67; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #545B67; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #545B67; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #545B67; + border-top: 0 none; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #545B67; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #293241; + border-color: #545B67; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #ef9a9a; + background-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #ef9a9a; + background-color: #ef9a9a; + color: #EAEBEC; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #ef9a9a; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #293241; + color: #EAEBEC; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #BFC2C6; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FFC940; +} + +body .ui-divider .ui-divider-content { + background-color: #293241; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #545B67; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #545B67; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #545B67; + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} + +body .ui-notificationbar { + background: #293241; + color: #EAEBEC; + padding: 1rem; + border: 1px solid #545B67; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #BFC2C6; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #FFDB7D; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3E4754; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #545B67; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #545B67; +} + +body .ui-splitter { + border: 1px solid #545B67; + background: #293241; + border-radius: 6px; + color: #EAEBEC; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #545B67; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #545B67; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #293241; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #293241; + color: #BFC2C6; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #BFC2C6; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #EAEBEC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #293241; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFC940; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFC940; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #ef9a9a; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #FFDB7D; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #293241; + color: #EAEBEC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #545B67; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #545B67; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #545B67; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #545B67; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFC940; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #ef9a9a; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #293241; + color: #BFC2C6; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 201, 64, 0.2); + color: #EAEBEC; +} + +body .ui-toolbar { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #545B67; + background: #293241; + color: #EAEBEC; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #545B67; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FFC940; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.scss new file mode 100644 index 0000000..43f2c70 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-yellow-dark/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFDB7D; +$primaryColor:#FFC940; +$primaryDarkColor: #FFB340; +$primaryDarkerColor: #FFA928; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.css b/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.css new file mode 100644 index 0000000..add1e9c --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.css @@ -0,0 +1,7710 @@ +:root { + --surface-a:#ffffff; + --surface-b:#FCFCFC; + --surface-c:rgba(255, 179, 64, 0.2); + --surface-d:#D4D6D9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#69707A; + --text-color-secondary:#83888F; + --primary-color:#FFB340; + --primary-color-text:#3E4754; + --primary-light-color:#FFC940; + --primary-lighter-color:rgba(255, 201, 64, 0.1); + --primary-dark-color:#FFA928; + --primary-darker-color:#FF9900; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-50: #f2f4f6; + --surface-100: #d9dbdd; + --surface-200: #c1c3c4; + --surface-300: #a9aaac; + --surface-400: #919293; + --surface-500: #797a7b; + --surface-600: #606162; + --surface-700: #484949; + --surface-800: #303031; + --surface-900: #181818; + --gray-50: #f2f4f6; + --gray-100: #d9dbdd; + --gray-200: #c1c3c4; + --gray-300: #a9aaac; + --gray-400: #919293; + --gray-500: #797a7b; + --gray-600: #606162; + --gray-700: #484949; + --gray-800: #303031; + --gray-900: #181818; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#F2F4F6; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: rgba(255, 179, 64, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #FFC940; + color-scheme: light; +} + +/* Add your customizations of the theme variables here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.6; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#fffbf5; + --primary-100:#ffedd1; + --primary-200:navajowhite; + --primary-300:#ffd089; + --primary-400:#ffc164; + --primary-500:#ffb340; + --primary-600:#d99836; + --primary-700:#b37d2d; + --primary-800:#8c6223; + --primary-900:#66481a; +} + +body .ui-button { + background: #FFB340; + color: #3E4754; + border: 1px solid #FFB340; + margin: 0; + outline: 0 none; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #FF9900; + border-color: #FF9900; + color: #3E4754; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFB340; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 179, 64, 0.04); + color: #FFB340; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 179, 64, 0.16); + color: #FFB340; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #83888F; + border-color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #83888F; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFB340; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 179, 64, 0.04); + color: #FFB340; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 179, 64, 0.16); + color: #FFB340; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #83888F; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #D4D6D9; + color: #83888F; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + border-color: #D4D6D9; + color: #69707A; +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #FFB340; + border-color: #FFB340; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #3E4754; +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), +body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, +body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, +body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 1px solid #689F38; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #5e8f32; + color: #ffffff; + border-color: #5e8f32; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #c2e0a8; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 1px solid #FBC02D; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #fab710; + color: #212529; + border-color: #fab710; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fde6ab; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #e8a704; + color: #212529; + border-color: #e8a704; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 1px solid #9C27B0; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #df9eea; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #0288D1; + color: #ffffff; + border: 1px solid #0288D1; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #ffffff; + border-color: #027abc; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #ffffff; + border-color: #026da7; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288D1; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #0288D1; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: transparent; + color: #0288D1; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 1px solid #D32F2F; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #c02929; + color: #ffffff; + border-color: #c02929; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #edacac; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #aa2424; + color: #ffffff; + border-color: #aa2424; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FFB340; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-commandlink:hover, body .ui-link:hover { + color: #FFA928; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #FF9900; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #69707A; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 179, 64, 0.2); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #D4D6D9; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFB340; + color: #3E4754; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #FFB340; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #D4D6D9; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datagrid .ui-paginator { + padding: 1rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-datalist .ui-paginator { + padding: 1rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 1px 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-datatable .ui-datatable-footer { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 1rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFB340; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC940; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-datatable thead th.ui-state-active { + background: #FCFCFC; + color: #FFB340; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #FFB340; +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + font-weight: 600; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3E4754; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: #69707A; + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #FFB340; +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFB340; +} +body .ui-datatable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #FCFCFC; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fcfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #FCFCFC; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #D4D6D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label, +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all label { + padding: 0; + display: inline; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #D4D6D9; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: #FFC940; +} +body .fc th { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #D4D6D9; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; +} +body .fc td.fc-head-container { + border: 1px solid #D4D6D9; +} +body .fc .fc-row { + border-right: 1px solid #D4D6D9; +} +body .fc .fc-event { + background: #FFA928; + border: 1px solid #FFA928; + color: #3E4754; +} +body .fc .fc-divider { + background: #FCFCFC; + border: 1px solid #D4D6D9; +} +body .fc .fc-toolbar .fc-button { + background: #FFB340; + color: #3E4754; + border: 1px solid #FFB340; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #FF9900; + border-color: #FF9900; + color: #3E4754; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff9a00; +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid rgba(255, 179, 64, 0.2); + border-width: 0; + padding: 1rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: #83888F; + width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.357rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: #83888F; +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid transparent; + text-align: center; + line-height: 2.357rem; + min-width: 2.357rem; + height: 2.357rem; + color: #83888F; + margin: 0.143rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #FFB340; + color: #3E4754; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #FCFCFC; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 1rem; + border-bottom: 0 none; + font-weight: 600; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #83888F; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 0.5rem 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #ff9a00; +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-tagcloud a { + color: #69707A; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: #FFB340; + color: #3E4754; +} + +body .timeline-frame { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .timeline-frame .timeline-event.ui-state-active { + background: #FFB340; + color: #3E4754; +} +body .vis-timeline { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; +} +body .vis-timeline .vis-item .vis-item-content { + color: #69707A; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: #FFB340; + border-color: #FFB340; +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3E4754; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #69707A; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + width: 100%; + border-radius: 6px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286rem; + border-radius: 6px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3E4754; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #FFB340; +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC940; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid #FFB340; +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #FCFCFC; + color: #69707A; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 1rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #FCFCFC; + color: #69707A; + padding: 1rem 1rem; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable thead th .ui-column-title { + font-weight: 600; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3E4754; + background: #FFB340; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC940; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-treetable thead th.ui-state-active { + background: #FCFCFC; + color: #FFB340; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #FFB340; +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #FFB340; + color: #3E4754; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3E4754; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3E4754; +} +body .ui-treetable tfoot td { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + border-width: 0 0 1px 0; + color: #69707A; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #FCFCFC; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFB340; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid rgba(255, 179, 64, 0.2); +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 6px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #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); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #FFB340; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #83888F; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #83888F; + width: 2.357rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #69707A; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC940; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3E4754; + background: #FFB340; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #69707A; + background: rgba(255, 179, 64, 0.2); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #ffffff; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #FFB340; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFC940; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFB340; + background: #FFB340; + color: #3E4754; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF9900; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFB340; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF9900; +} +body .ui-state-highlight .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #69707A; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 6px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid #D4D6D9; + color: #69707A; + padding: 0.5rem; + width: auto; + border-radius: 6px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #ffffff; + color: #69707A; + font-weight: 600; + border: solid #D4D6D9; + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 179, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #69707A; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #FFB340; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 179, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: #FF9900; + font-weight: 600; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #FFB340; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #FFB340; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #607D8B; + color: #ffffff; + border: 1px solid #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #56717d; + border-color: #56717d; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #beccd2; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #4d646f; + border-color: #4d646f; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #D4D6D9; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 6px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 179, 64, 0.2); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #FFB340; + color: #3E4754; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem 0; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 6px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem 0; +} + +body ::-webkit-input-placeholder { + color: #83888F; +} +body :-moz-placeholder { + color: #83888F; + opacity: 1; +} +body ::-moz-placeholder { + color: #83888F; + opacity: 1; +} +body :-ms-input-placeholder { + color: #83888F; +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #83888F; +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #69707A; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #69707A; +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #83888F; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #83888F; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #69707A; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #D4D6D9; + outline: 0 none; + font-size: 1rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: #FFB340; +} +body .ui-inputfield.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #FCFCFC; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #ffffff; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #83888F; + min-width: 2.357rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #D4D6D9; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: 2px solid #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + width: 20px !important; + height: 20px !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: #FFB340; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #ffffff; + border-color: #FF9900; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid #D4D6D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D4D6D9; + color: #69707A; +} +body .keypad-popup button.ui-state-active { + background: #FF9900; + border-color: #FF9900; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFB340; + color: #3E4754; + border: 1px solid #FFB340; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #FFA928; + border-color: #FFA928; + color: #3E4754; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #FF9900; + border-color: #FF9900; + color: #3E4754; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D4D6D9; + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D4D6D9; + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #FFB340; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFB340; + background: #FFB340; + color: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FF9900; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3E4754; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #FFB340; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #FF9900; +} +body .ui-state-highlight .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3E4754; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #69707A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FFA928; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #FFB340; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3E4754; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #D4D6D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #FFB340; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #D4D6D9; + color: #69707A; + border-radius: 6px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectcheckboxmenu-panel { + 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: 6px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D4D6D9; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #FFC940; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D4D6D9; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.357rem; + /*min-height: calc(2rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: transparent; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #83888F; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: #FFB340; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFB340; + outline: 0 none; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #FCFCFC; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #ffffff; +} +body .ui-selectonemenu-panel { + 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; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #FCFCFC; + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #83888F; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #FCFCFC; + border: 1px solid rgba(255, 179, 64, 0.2); + color: #69707A; + font-weight: 600; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #69707A; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: #69707A; + border: 1px solid rgba(0, 0, 0, 0.08); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #FFB340; + color: #3E4754; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #69707A; +} + +body .ui-slider { + background: #D4D6D9; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #ffffff; + border: 2px solid #FFB340; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #FFB340; + background: #FFB340; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} +body .ui-slider .ui-slider-range { + background: #FFB340; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 6px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #FCFCFC; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #83888F; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #69707A; +} +.ui-texteditor .ui-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; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #69707A; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #69707A; + background: rgba(255, 179, 64, 0.2); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #D4D6D9; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: #69707A; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #69707A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFB340; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFB340; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFB340; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFB340; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #D4D6D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: solid transparent; + border-width: 2px; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: #69707A; + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #69707A; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #FFB340; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #ffffff; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; + padding: 1rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #83888F; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #83888F; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + border-radius: 6px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 600; + color: #69707A; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 179, 64, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #83888F; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 179, 64, 0.2); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #69707A; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 6px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #D4D6D9; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #FCFCFC; + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #69707A; + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: #69707A; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 600; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 6px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #FCFCFC; + padding: 0.25rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #D4D6D9; + background: #FCFCFC; + color: #69707A; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #ffffff; + border: 1px solid #D4D6D9; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #69707A; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 179, 64, 0.2); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #69707A; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #83888F; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #69707A; + background: #ffffff; + border: 1px solid rgba(255, 179, 64, 0.2); + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #83888F; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #FFB340; + color: #3E4754; + border-color: #FFB340; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #69707A; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #D4D6D9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: #83888F; + top: 0; + margin: 0; + border-bottom: 2px solid #D4D6D9; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + flex-shrink: 0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #83888F; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #ffffff; + border-color: #545B67; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #83888F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FFB340; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFB340; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFB340; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB340; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB340; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #D4D6D9; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #545B67; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB340; +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + 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); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: 1px solid #0891cf; + color: #044868; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #044868; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #d9a300; + color: #6d5100; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #6d5100; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + color: #73000c; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #73000c; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #73000c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 6px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 3px; + color: #044868; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #044868; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 3px; + color: #6d5100; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #6d5100; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 3px; + color: #73000c; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #73000c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 6px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 6px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} +body .ui-messages .ui-messages-close { + position: relative; + right: -2rem; + top: -2rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: 1px solid #0891cf; + border-width: 0 0 0 6px; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #044868; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #d9a300; + border-width: 0 0 0 6px; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #6d5100; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #e60017; + border-width: 0 0 0 6px; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #73000c; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: #D4D6D9; + border-radius: 6px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FFB340; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #607D8B; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #0288D1; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #D4D6D9; + color: #69707A; + border-radius: 16px; + padding: 0 0.5rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} + +body .ui-clock { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #FCFCFC; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 6px; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #FCFCFC; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 179, 64, 0.2); + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #D4D6D9; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFB340; + color: #3E4754; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFB340; + color: #3E4754; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #FCFCFC; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #FCFCFC; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #D4D6D9; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFB340; + border-radius: 6px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #69707A; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #FCFCFC; +} + +body .ui-skeleton { + background-color: rgba(255, 179, 64, 0.2); + border-radius: 6px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFB340; + color: #3E4754; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #0288D1; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: #69707A; + border: 1px solid #D4D6D9; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: #69707A; + 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); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 6px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: #69707A; + font-weight: 600; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: #69707A; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #69707A; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 1rem 2rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-overlaypanel { + background: #ffffff; + color: #69707A; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFB340; + color: #3E4754; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #FFA928; + color: #3E4754; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #69707A; + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 6px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #69707A; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #69707A; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #69707A; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #69707A; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #D4D6D9; + border-top: 0 none; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #D4D6D9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #FCFCFC; + border-color: #D4D6D9; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #69707A; +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-accordion .ui-accordion-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +body .ui-card { + background: #ffffff; + color: #69707A; + 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; +} +body .ui-card .ui-card-body { + padding: 1rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #83888F; +} +body .ui-card .ui-card-content { + padding: 1rem 0; +} +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #FFB340; +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #D4D6D9; +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #D4D6D9; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-radius: 6px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #D4D6D9; + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #69707A; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} + +body .ui-notificationbar { + background: #ffffff; + color: #69707A; + padding: 1rem; + border: 1px solid #D4D6D9; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #83888F; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #FFC940; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + font-weight: 600; +} + +body .ui-scrollpanel { + border: 1px solid #D4D6D9; + background: #ffffff; + color: #69707A; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #D4D6D9; + background: #ffffff; + border-radius: 6px; + color: #69707A; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #FCFCFC; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #D4D6D9; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #D4D6D9; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #ffffff; + color: #83888F; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #83888F; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #83888F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFB340; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFB340; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #FFC940; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: #69707A; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #D4D6D9; + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB340; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #D4D6D9; + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB340; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #D4D6D9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #D4D6D9; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB340; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #D4D6D9; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #545B67; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB340; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #ffffff; + color: #83888F; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 179, 64, 0.2); + color: #69707A; +} + +body .ui-toolbar { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + border-radius: 6px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #D4D6D9; + background: #FCFCFC; + color: #69707A; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid #D4D6D9; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #FFB340; + color: #3E4754; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +/* Add your customizations of the theme styles here */ diff --git a/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.scss b/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.scss new file mode 100644 index 0000000..6ad6ca4 --- /dev/null +++ b/src/main/resources/META-INF/resources/primefaces-freya-yellow-light/theme.scss @@ -0,0 +1,9 @@ +$primaryLightColor: #FFC940; +$primaryColor:#FFB340; +$primaryDarkColor: #FFA928; +$primaryDarkerColor: #FF9900; +$primaryTextColor: #3E4754; + +$primaryLighterColor: rgba($primaryLightColor,.1); + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/components/action-button-delete.xhtml b/src/main/resources/META-INF/resources/resources/components/action-button-delete.xhtml new file mode 100644 index 0000000..1951c58 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/components/action-button-delete.xhtml @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/components/action-button-edit-nav.xhtml b/src/main/resources/META-INF/resources/resources/components/action-button-edit-nav.xhtml new file mode 100644 index 0000000..df995d9 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/components/action-button-edit-nav.xhtml @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/components/action-button-edit.xhtml b/src/main/resources/META-INF/resources/resources/components/action-button-edit.xhtml new file mode 100644 index 0000000..be60050 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/components/action-button-edit.xhtml @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/components/action-button-toggle.xhtml b/src/main/resources/META-INF/resources/resources/components/action-button-toggle.xhtml new file mode 100644 index 0000000..77fab92 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/components/action-button-toggle.xhtml @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/components/action-button-view.xhtml b/src/main/resources/META-INF/resources/resources/components/action-button-view.xhtml new file mode 100644 index 0000000..d001b40 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/components/action-button-view.xhtml @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/chartjs/chart.js b/src/main/resources/META-INF/resources/resources/demo/chartjs/chart.js new file mode 100644 index 0000000..875689e --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/chartjs/chart.js @@ -0,0 +1,10 @@ +/*! + * Chart.js + * http://chartjs.org/ + * Version: 2.7.2 + * + * Copyright 2018 Chart.js Contributors + * Released under the MIT license + * https://github.com/chartjs/Chart.js/blob/master/LICENSE.md + */ +!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).Chart=t()}}(function(){return function t(e,i,n){function a(r,s){if(!i[r]){if(!e[r]){var l="function"==typeof require&&require;if(!s&&l)return l(r,!0);if(o)return o(r,!0);var u=new Error("Cannot find module '"+r+"'");throw u.code="MODULE_NOT_FOUND",u}var d=i[r]={exports:{}};e[r][0].call(d.exports,function(t){var i=e[r][1][t];return a(i||t)},d,d.exports,t,e,i,n)}return i[r].exports}for(var o="function"==typeof require&&require,r=0;ri?(e+.05)/(i+.05):(i+.05)/(e+.05)},level:function(t){var e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},dark:function(){var t=this.values.rgb;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},light:function(){return!this.dark()},negate:function(){for(var t=[],e=0;e<3;e++)t[e]=255-this.values.rgb[e];return this.setValues("rgb",t),this},lighten:function(t){var e=this.values.hsl;return e[2]+=e[2]*t,this.setValues("hsl",e),this},darken:function(t){var e=this.values.hsl;return e[2]-=e[2]*t,this.setValues("hsl",e),this},saturate:function(t){var e=this.values.hsl;return e[1]+=e[1]*t,this.setValues("hsl",e),this},desaturate:function(t){var e=this.values.hsl;return e[1]-=e[1]*t,this.setValues("hsl",e),this},whiten:function(t){var e=this.values.hwb;return e[1]+=e[1]*t,this.setValues("hwb",e),this},blacken:function(t){var e=this.values.hwb;return e[2]+=e[2]*t,this.setValues("hwb",e),this},greyscale:function(){var t=this.values.rgb,e=.3*t[0]+.59*t[1]+.11*t[2];return this.setValues("rgb",[e,e,e]),this},clearer:function(t){var e=this.values.alpha;return this.setValues("alpha",e-e*t),this},opaquer:function(t){var e=this.values.alpha;return this.setValues("alpha",e+e*t),this},rotate:function(t){var e=this.values.hsl,i=(e[0]+t)%360;return e[0]=i<0?360+i:i,this.setValues("hsl",e),this},mix:function(t,e){var i=this,n=t,a=void 0===e?.5:e,o=2*a-1,r=i.alpha()-n.alpha(),s=((o*r==-1?o:(o+r)/(1+o*r))+1)/2,l=1-s;return this.rgb(s*i.red()+l*n.red(),s*i.green()+l*n.green(),s*i.blue()+l*n.blue()).alpha(i.alpha()*a+n.alpha()*(1-a))},toJSON:function(){return this.rgb()},clone:function(){var t,e,i=new o,n=this.values,a=i.values;for(var r in n)n.hasOwnProperty(r)&&(t=n[r],"[object Array]"===(e={}.toString.call(t))?a[r]=t.slice(0):"[object Number]"===e?a[r]=t:console.error("unexpected color value:",t));return i}},o.prototype.spaces={rgb:["red","green","blue"],hsl:["hue","saturation","lightness"],hsv:["hue","saturation","value"],hwb:["hue","whiteness","blackness"],cmyk:["cyan","magenta","yellow","black"]},o.prototype.maxes={rgb:[255,255,255],hsl:[360,100,100],hsv:[360,100,100],hwb:[360,100,100],cmyk:[100,100,100,100]},o.prototype.getValues=function(t){for(var e=this.values,i={},n=0;n.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(i=i>.04045?Math.pow((i+.055)/1.055,2.4):i/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*e+.7152*i+.0722*n),100*(.0193*e+.1192*i+.9505*n)]}function d(t){var e=u(t),i=e[0],n=e[1],a=e[2];return n/=100,a/=108.883,i=(i/=95.047)>.008856?Math.pow(i,1/3):7.787*i+16/116,[116*(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116)-16,500*(i-n),200*(n-(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116))]}function c(t){var e,i,n,a,o,r=t[0]/360,s=t[1]/100,l=t[2]/100;if(0==s)return[o=255*l,o,o];e=2*l-(i=l<.5?l*(1+s):l+s-l*s),a=[0,0,0];for(var u=0;u<3;u++)(n=r+1/3*-(u-1))<0&&n++,n>1&&n--,o=6*n<1?e+6*(i-e)*n:2*n<1?i:3*n<2?e+(i-e)*(2/3-n)*6:e,a[u]=255*o;return a}function h(t){var e=t[0]/60,i=t[1]/100,n=t[2]/100,a=Math.floor(e)%6,o=e-Math.floor(e),r=255*n*(1-i),s=255*n*(1-i*o),l=255*n*(1-i*(1-o));n*=255;switch(a){case 0:return[n,l,r];case 1:return[s,n,r];case 2:return[r,n,l];case 3:return[r,s,n];case 4:return[l,r,n];case 5:return[n,r,s]}}function f(t){var e,i,n,a,o=t[0]/360,s=t[1]/100,l=t[2]/100,u=s+l;switch(u>1&&(s/=u,l/=u),n=6*o-(e=Math.floor(6*o)),0!=(1&e)&&(n=1-n),a=s+n*((i=1-l)-s),e){default:case 6:case 0:r=i,g=a,b=s;break;case 1:r=a,g=i,b=s;break;case 2:r=s,g=i,b=a;break;case 3:r=s,g=a,b=i;break;case 4:r=a,g=s,b=i;break;case 5:r=i,g=s,b=a}return[255*r,255*g,255*b]}function p(t){var e=t[0]/100,i=t[1]/100,n=t[2]/100,a=t[3]/100;return[255*(1-Math.min(1,e*(1-a)+a)),255*(1-Math.min(1,i*(1-a)+a)),255*(1-Math.min(1,n*(1-a)+a))]}function m(t){var e,i,n,a=t[0]/100,o=t[1]/100,r=t[2]/100;return i=-.9689*a+1.8758*o+.0415*r,n=.0557*a+-.204*o+1.057*r,e=(e=3.2406*a+-1.5372*o+-.4986*r)>.0031308?1.055*Math.pow(e,1/2.4)-.055:e*=12.92,i=i>.0031308?1.055*Math.pow(i,1/2.4)-.055:i*=12.92,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:n*=12.92,[255*(e=Math.min(Math.max(0,e),1)),255*(i=Math.min(Math.max(0,i),1)),255*(n=Math.min(Math.max(0,n),1))]}function v(t){var e=t[0],i=t[1],n=t[2];return i/=100,n/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116)-16,500*(e-i),200*(i-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]}function x(t){var e,i,n,a,o=t[0],r=t[1],s=t[2];return o<=8?a=(i=100*o/903.3)/100*7.787+16/116:(i=100*Math.pow((o+16)/116,3),a=Math.pow(i/100,1/3)),[e=e/95.047<=.008856?e=95.047*(r/500+a-16/116)/7.787:95.047*Math.pow(r/500+a,3),i,n=n/108.883<=.008859?n=108.883*(a-s/200-16/116)/7.787:108.883*Math.pow(a-s/200,3)]}function y(t){var e,i=t[0],n=t[1],a=t[2];return(e=360*Math.atan2(a,n)/2/Math.PI)<0&&(e+=360),[i,Math.sqrt(n*n+a*a),e]}function k(t){return m(x(t))}function M(t){var e,i=t[0],n=t[1];return e=t[2]/360*2*Math.PI,[i,n*Math.cos(e),n*Math.sin(e)]}function w(t){return S[t]}e.exports={rgb2hsl:n,rgb2hsv:a,rgb2hwb:o,rgb2cmyk:s,rgb2keyword:l,rgb2xyz:u,rgb2lab:d,rgb2lch:function(t){return y(d(t))},hsl2rgb:c,hsl2hsv:function(t){var e=t[0],i=t[1]/100,n=t[2]/100;if(0===n)return[0,0,0];return[e,100*(2*(i*=(n*=2)<=1?n:2-n)/(n+i)),100*((n+i)/2)]},hsl2hwb:function(t){return o(c(t))},hsl2cmyk:function(t){return s(c(t))},hsl2keyword:function(t){return l(c(t))},hsv2rgb:h,hsv2hsl:function(t){var e,i,n=t[0],a=t[1]/100,o=t[2]/100;return e=a*o,[n,100*(e=(e/=(i=(2-a)*o)<=1?i:2-i)||0),100*(i/=2)]},hsv2hwb:function(t){return o(h(t))},hsv2cmyk:function(t){return s(h(t))},hsv2keyword:function(t){return l(h(t))},hwb2rgb:f,hwb2hsl:function(t){return n(f(t))},hwb2hsv:function(t){return a(f(t))},hwb2cmyk:function(t){return s(f(t))},hwb2keyword:function(t){return l(f(t))},cmyk2rgb:p,cmyk2hsl:function(t){return n(p(t))},cmyk2hsv:function(t){return a(p(t))},cmyk2hwb:function(t){return o(p(t))},cmyk2keyword:function(t){return l(p(t))},keyword2rgb:w,keyword2hsl:function(t){return n(w(t))},keyword2hsv:function(t){return a(w(t))},keyword2hwb:function(t){return o(w(t))},keyword2cmyk:function(t){return s(w(t))},keyword2lab:function(t){return d(w(t))},keyword2xyz:function(t){return u(w(t))},xyz2rgb:m,xyz2lab:v,xyz2lch:function(t){return y(v(t))},lab2xyz:x,lab2rgb:k,lab2lch:y,lch2lab:M,lch2xyz:function(t){return x(M(t))},lch2rgb:function(t){return k(M(t))}};var S={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},C={};for(var _ in S)C[JSON.stringify(S[_])]=_},{}],5:[function(t,e,i){var n=t(4),a=function(){return new u};for(var o in n){a[o+"Raw"]=function(t){return function(e){return"number"==typeof e&&(e=Array.prototype.slice.call(arguments)),n[t](e)}}(o);var r=/(\w+)2(\w+)/.exec(o),s=r[1],l=r[2];(a[s]=a[s]||{})[l]=a[o]=function(t){return function(e){"number"==typeof e&&(e=Array.prototype.slice.call(arguments));var i=n[t](e);if("string"==typeof i||void 0===i)return i;for(var a=0;a0&&(t[0].yLabel?i=t[0].yLabel:e.labels.length>0&&t[0].index0?Math.min(r,n-i):r,i=n;return r}(i,u):-1,pixels:u,start:s,end:l,stackCount:n,scale:i}},calculateBarValuePixels:function(t,e){var i,n,a,o,r,s,l=this.chart,u=this.getMeta(),d=this.getValueScale(),c=l.data.datasets,h=d.getRightValue(c[t].data[e]),f=d.options.stacked,g=u.stack,p=0;if(f||void 0===f&&void 0!==g)for(i=0;i=0&&a>0)&&(p+=a));return o=d.getPixelForValue(p),{size:s=((r=d.getPixelForValue(p+h))-o)/2,base:o,head:r,center:r+s/2}},calculateBarIndexPixels:function(t,e,i){var n,a,r,s,l,u,d,c,h,f,g,p,m,v,b,x,y,k=i.scale.options,M="flex"===k.barThickness?(h=e,g=k,m=(f=i).pixels,v=m[h],b=h>0?m[h-1]:null,x=h');var i=t.data,n=i.datasets,a=i.labels;if(n.length)for(var o=0;o'),a[o]&&e.push(a[o]),e.push("");return e.push(""),e.join("")},legend:{labels:{generateLabels:function(t){var e=t.data;return e.labels.length&&e.datasets.length?e.labels.map(function(i,n){var a=t.getDatasetMeta(0),r=e.datasets[0],s=a.data[n],l=s&&s.custom||{},u=o.valueAtIndexOrDefault,d=t.options.elements.arc;return{text:i,fillStyle:l.backgroundColor?l.backgroundColor:u(r.backgroundColor,n,d.backgroundColor),strokeStyle:l.borderColor?l.borderColor:u(r.borderColor,n,d.borderColor),lineWidth:l.borderWidth?l.borderWidth:u(r.borderWidth,n,d.borderWidth),hidden:isNaN(r.data[n])||a.data[n].hidden,index:n}}):[]}},onClick:function(t,e){var i,n,a,o=e.index,r=this.chart;for(i=0,n=(r.data.datasets||[]).length;i=Math.PI?-1:g<-Math.PI?1:0))+f,m=Math.cos(g),v=Math.sin(g),b=Math.cos(p),x=Math.sin(p),y=g<=0&&p>=0||g<=2*Math.PI&&2*Math.PI<=p,k=g<=.5*Math.PI&&.5*Math.PI<=p||g<=2.5*Math.PI&&2.5*Math.PI<=p,M=g<=-Math.PI&&-Math.PI<=p||g<=Math.PI&&Math.PI<=p,w=g<=.5*-Math.PI&&.5*-Math.PI<=p||g<=1.5*Math.PI&&1.5*Math.PI<=p,S=h/100,C=M?-1:Math.min(m*(m<0?1:S),b*(b<0?1:S)),_=w?-1:Math.min(v*(v<0?1:S),x*(x<0?1:S)),D=y?1:Math.max(m*(m>0?1:S),b*(b>0?1:S)),I=k?1:Math.max(v*(v>0?1:S),x*(x>0?1:S)),P=.5*(D-C),A=.5*(I-_);u=Math.min(s/P,l/A),d={x:-.5*(D+C),y:-.5*(I+_)}}i.borderWidth=e.getMaxBorderWidth(c.data),i.outerRadius=Math.max((u-i.borderWidth)/2,0),i.innerRadius=Math.max(h?i.outerRadius/100*h:0,0),i.radiusLength=(i.outerRadius-i.innerRadius)/i.getVisibleDatasetCount(),i.offsetX=d.x*i.outerRadius,i.offsetY=d.y*i.outerRadius,c.total=e.calculateTotal(),e.outerRadius=i.outerRadius-i.radiusLength*e.getRingIndex(e.index),e.innerRadius=Math.max(e.outerRadius-i.radiusLength,0),o.each(c.data,function(i,n){e.updateElement(i,n,t)})},updateElement:function(t,e,i){var n=this,a=n.chart,r=a.chartArea,s=a.options,l=s.animation,u=(r.left+r.right)/2,d=(r.top+r.bottom)/2,c=s.rotation,h=s.rotation,f=n.getDataset(),g=i&&l.animateRotate?0:t.hidden?0:n.calculateCircumference(f.data[e])*(s.circumference/(2*Math.PI)),p=i&&l.animateScale?0:n.innerRadius,m=i&&l.animateScale?0:n.outerRadius,v=o.valueAtIndexOrDefault;o.extend(t,{_datasetIndex:n.index,_index:e,_model:{x:u+a.offsetX,y:d+a.offsetY,startAngle:c,endAngle:h,circumference:g,outerRadius:m,innerRadius:p,label:v(f.label,e,a.data.labels[e])}});var b=t._model;this.removeHoverStyle(t),i&&l.animateRotate||(b.startAngle=0===e?s.rotation:n.getMeta().data[e-1]._model.endAngle,b.endAngle=b.startAngle+b.circumference),t.pivot()},removeHoverStyle:function(e){t.DatasetController.prototype.removeHoverStyle.call(this,e,this.chart.options.elements.arc)},calculateTotal:function(){var t,e=this.getDataset(),i=this.getMeta(),n=0;return o.each(i.data,function(i,a){t=e.data[a],isNaN(t)||i.hidden||(n+=Math.abs(t))}),n},calculateCircumference:function(t){var e=this.getMeta().total;return e>0&&!isNaN(t)?2*Math.PI*(Math.abs(t)/e):0},getMaxBorderWidth:function(t){for(var e,i,n=0,a=this.index,o=t.length,r=0;r(n=e>n?e:n)?i:n;return n}})}},{25:25,40:40,45:45}],18:[function(t,e,i){"use strict";var n=t(25),a=t(40),o=t(45);n._set("line",{showLines:!0,spanGaps:!1,hover:{mode:"label"},scales:{xAxes:[{type:"category",id:"x-axis-0"}],yAxes:[{type:"linear",id:"y-axis-0"}]}}),e.exports=function(t){function e(t,e){return o.valueOrDefault(t.showLine,e.showLines)}t.controllers.line=t.DatasetController.extend({datasetElementType:a.Line,dataElementType:a.Point,update:function(t){var i,n,a,r=this,s=r.getMeta(),l=s.dataset,u=s.data||[],d=r.chart.options,c=d.elements.line,h=r.getScaleForId(s.yAxisID),f=r.getDataset(),g=e(f,d);for(g&&(a=l.custom||{},void 0!==f.tension&&void 0===f.lineTension&&(f.lineTension=f.tension),l._scale=h,l._datasetIndex=r.index,l._children=u,l._model={spanGaps:f.spanGaps?f.spanGaps:d.spanGaps,tension:a.tension?a.tension:o.valueOrDefault(f.lineTension,c.tension),backgroundColor:a.backgroundColor?a.backgroundColor:f.backgroundColor||c.backgroundColor,borderWidth:a.borderWidth?a.borderWidth:f.borderWidth||c.borderWidth,borderColor:a.borderColor?a.borderColor:f.borderColor||c.borderColor,borderCapStyle:a.borderCapStyle?a.borderCapStyle:f.borderCapStyle||c.borderCapStyle,borderDash:a.borderDash?a.borderDash:f.borderDash||c.borderDash,borderDashOffset:a.borderDashOffset?a.borderDashOffset:f.borderDashOffset||c.borderDashOffset,borderJoinStyle:a.borderJoinStyle?a.borderJoinStyle:f.borderJoinStyle||c.borderJoinStyle,fill:a.fill?a.fill:void 0!==f.fill?f.fill:c.fill,steppedLine:a.steppedLine?a.steppedLine:o.valueOrDefault(f.steppedLine,c.stepped),cubicInterpolationMode:a.cubicInterpolationMode?a.cubicInterpolationMode:o.valueOrDefault(f.cubicInterpolationMode,c.cubicInterpolationMode)},l.pivot()),i=0,n=u.length;i');var i=t.data,n=i.datasets,a=i.labels;if(n.length)for(var o=0;o'),a[o]&&e.push(a[o]),e.push("");return e.push(""),e.join("")},legend:{labels:{generateLabels:function(t){var e=t.data;return e.labels.length&&e.datasets.length?e.labels.map(function(i,n){var a=t.getDatasetMeta(0),r=e.datasets[0],s=a.data[n].custom||{},l=o.valueAtIndexOrDefault,u=t.options.elements.arc;return{text:i,fillStyle:s.backgroundColor?s.backgroundColor:l(r.backgroundColor,n,u.backgroundColor),strokeStyle:s.borderColor?s.borderColor:l(r.borderColor,n,u.borderColor),lineWidth:s.borderWidth?s.borderWidth:l(r.borderWidth,n,u.borderWidth),hidden:isNaN(r.data[n])||a.data[n].hidden,index:n}}):[]}},onClick:function(t,e){var i,n,a,o=e.index,r=this.chart;for(i=0,n=(r.data.datasets||[]).length;i0&&!isNaN(t)?2*Math.PI/e:0}})}},{25:25,40:40,45:45}],20:[function(t,e,i){"use strict";var n=t(25),a=t(40),o=t(45);n._set("radar",{scale:{type:"radialLinear"},elements:{line:{tension:0}}}),e.exports=function(t){t.controllers.radar=t.DatasetController.extend({datasetElementType:a.Line,dataElementType:a.Point,linkScales:o.noop,update:function(t){var e=this,i=e.getMeta(),n=i.dataset,a=i.data,r=n.custom||{},s=e.getDataset(),l=e.chart.options.elements.line,u=e.chart.scale;void 0!==s.tension&&void 0===s.lineTension&&(s.lineTension=s.tension),o.extend(i.dataset,{_datasetIndex:e.index,_scale:u,_children:a,_loop:!0,_model:{tension:r.tension?r.tension:o.valueOrDefault(s.lineTension,l.tension),backgroundColor:r.backgroundColor?r.backgroundColor:s.backgroundColor||l.backgroundColor,borderWidth:r.borderWidth?r.borderWidth:s.borderWidth||l.borderWidth,borderColor:r.borderColor?r.borderColor:s.borderColor||l.borderColor,fill:r.fill?r.fill:void 0!==s.fill?s.fill:l.fill,borderCapStyle:r.borderCapStyle?r.borderCapStyle:s.borderCapStyle||l.borderCapStyle,borderDash:r.borderDash?r.borderDash:s.borderDash||l.borderDash,borderDashOffset:r.borderDashOffset?r.borderDashOffset:s.borderDashOffset||l.borderDashOffset,borderJoinStyle:r.borderJoinStyle?r.borderJoinStyle:s.borderJoinStyle||l.borderJoinStyle}}),i.dataset.pivot(),o.each(a,function(i,n){e.updateElement(i,n,t)},e),e.updateBezierControlPoints()},updateElement:function(t,e,i){var n=this,a=t.custom||{},r=n.getDataset(),s=n.chart.scale,l=n.chart.options.elements.point,u=s.getPointPositionForValue(e,r.data[e]);void 0!==r.radius&&void 0===r.pointRadius&&(r.pointRadius=r.radius),void 0!==r.hitRadius&&void 0===r.pointHitRadius&&(r.pointHitRadius=r.hitRadius),o.extend(t,{_datasetIndex:n.index,_index:e,_scale:s,_model:{x:i?s.xCenter:u.x,y:i?s.yCenter:u.y,tension:a.tension?a.tension:o.valueOrDefault(r.lineTension,n.chart.options.elements.line.tension),radius:a.radius?a.radius:o.valueAtIndexOrDefault(r.pointRadius,e,l.radius),backgroundColor:a.backgroundColor?a.backgroundColor:o.valueAtIndexOrDefault(r.pointBackgroundColor,e,l.backgroundColor),borderColor:a.borderColor?a.borderColor:o.valueAtIndexOrDefault(r.pointBorderColor,e,l.borderColor),borderWidth:a.borderWidth?a.borderWidth:o.valueAtIndexOrDefault(r.pointBorderWidth,e,l.borderWidth),pointStyle:a.pointStyle?a.pointStyle:o.valueAtIndexOrDefault(r.pointStyle,e,l.pointStyle),hitRadius:a.hitRadius?a.hitRadius:o.valueAtIndexOrDefault(r.pointHitRadius,e,l.hitRadius)}}),t._model.skip=a.skip?a.skip:isNaN(t._model.x)||isNaN(t._model.y)},updateBezierControlPoints:function(){var t=this.chart.chartArea,e=this.getMeta();o.each(e.data,function(i,n){var a=i._model,r=o.splineCurve(o.previousItem(e.data,n,!0)._model,a,o.nextItem(e.data,n,!0)._model,a.tension);a.controlPointPreviousX=Math.max(Math.min(r.previous.x,t.right),t.left),a.controlPointPreviousY=Math.max(Math.min(r.previous.y,t.bottom),t.top),a.controlPointNextX=Math.max(Math.min(r.next.x,t.right),t.left),a.controlPointNextY=Math.max(Math.min(r.next.y,t.bottom),t.top),i.pivot()})},setHoverStyle:function(t){var e=this.chart.data.datasets[t._datasetIndex],i=t.custom||{},n=t._index,a=t._model;a.radius=i.hoverRadius?i.hoverRadius:o.valueAtIndexOrDefault(e.pointHoverRadius,n,this.chart.options.elements.point.hoverRadius),a.backgroundColor=i.hoverBackgroundColor?i.hoverBackgroundColor:o.valueAtIndexOrDefault(e.pointHoverBackgroundColor,n,o.getHoverColor(a.backgroundColor)),a.borderColor=i.hoverBorderColor?i.hoverBorderColor:o.valueAtIndexOrDefault(e.pointHoverBorderColor,n,o.getHoverColor(a.borderColor)),a.borderWidth=i.hoverBorderWidth?i.hoverBorderWidth:o.valueAtIndexOrDefault(e.pointHoverBorderWidth,n,a.borderWidth)},removeHoverStyle:function(t){var e=this.chart.data.datasets[t._datasetIndex],i=t.custom||{},n=t._index,a=t._model,r=this.chart.options.elements.point;a.radius=i.radius?i.radius:o.valueAtIndexOrDefault(e.pointRadius,n,r.radius),a.backgroundColor=i.backgroundColor?i.backgroundColor:o.valueAtIndexOrDefault(e.pointBackgroundColor,n,r.backgroundColor),a.borderColor=i.borderColor?i.borderColor:o.valueAtIndexOrDefault(e.pointBorderColor,n,r.borderColor),a.borderWidth=i.borderWidth?i.borderWidth:o.valueAtIndexOrDefault(e.pointBorderWidth,n,r.borderWidth)}})}},{25:25,40:40,45:45}],21:[function(t,e,i){"use strict";t(25)._set("scatter",{hover:{mode:"single"},scales:{xAxes:[{id:"x-axis-1",type:"linear",position:"bottom"}],yAxes:[{id:"y-axis-1",type:"linear",position:"left"}]},showLines:!1,tooltips:{callbacks:{title:function(){return""},label:function(t){return"("+t.xLabel+", "+t.yLabel+")"}}}}),e.exports=function(t){t.controllers.scatter=t.controllers.line}},{25:25}],22:[function(t,e,i){"use strict";var n=t(25),a=t(26),o=t(45);n._set("global",{animation:{duration:1e3,easing:"easeOutQuart",onProgress:o.noop,onComplete:o.noop}}),e.exports=function(t){t.Animation=a.extend({chart:null,currentStep:0,numSteps:60,easing:"",render:null,onAnimationProgress:null,onAnimationComplete:null}),t.animationService={frameDuration:17,animations:[],dropFrames:0,request:null,addAnimation:function(t,e,i,n){var a,o,r=this.animations;for(e.chart=t,n||(t.animating=!0),a=0,o=r.length;a1&&(i=Math.floor(t.dropFrames),t.dropFrames=t.dropFrames%1),t.advance(1+i);var n=Date.now();t.dropFrames+=(n-e)/t.frameDuration,t.animations.length>0&&t.requestAnimationFrame()},advance:function(t){for(var e,i,n=this.animations,a=0;a=e.numSteps?(o.callback(e.onAnimationComplete,[e],i),i.animating=!1,n.splice(a,1)):++a}},Object.defineProperty(t.Animation.prototype,"animationObject",{get:function(){return this}}),Object.defineProperty(t.Animation.prototype,"chartInstance",{get:function(){return this.chart},set:function(t){this.chart=t}})}},{25:25,26:26,45:45}],23:[function(t,e,i){"use strict";var n=t(25),a=t(45),o=t(28),r=t(30),s=t(48),l=t(31);e.exports=function(t){function e(t){return"top"===t||"bottom"===t}t.types={},t.instances={},t.controllers={},a.extend(t.prototype,{construct:function(e,i){var o,r,l=this;(r=(o=(o=i)||{}).data=o.data||{}).datasets=r.datasets||[],r.labels=r.labels||[],o.options=a.configMerge(n.global,n[o.type],o.options||{}),i=o;var u=s.acquireContext(e,i),d=u&&u.canvas,c=d&&d.height,h=d&&d.width;l.id=a.uid(),l.ctx=u,l.canvas=d,l.config=i,l.width=h,l.height=c,l.aspectRatio=c?h/c:null,l.options=i.options,l._bufferedRender=!1,l.chart=l,l.controller=l,t.instances[l.id]=l,Object.defineProperty(l,"data",{get:function(){return l.config.data},set:function(t){l.config.data=t}}),u&&d?(l.initialize(),l.update()):console.error("Failed to create chart: can't acquire context from the given item")},initialize:function(){var t=this;return l.notify(t,"beforeInit"),a.retinaScale(t,t.options.devicePixelRatio),t.bindEvents(),t.options.responsive&&t.resize(!0),t.ensureScalesHaveIDs(),t.buildOrUpdateScales(),t.initToolTip(),l.notify(t,"afterInit"),t},clear:function(){return a.canvas.clear(this),this},stop:function(){return t.animationService.cancelAnimation(this),this},resize:function(t){var e=this,i=e.options,n=e.canvas,o=i.maintainAspectRatio&&e.aspectRatio||null,r=Math.max(0,Math.floor(a.getMaximumWidth(n))),s=Math.max(0,Math.floor(o?r/o:a.getMaximumHeight(n)));if((e.width!==r||e.height!==s)&&(n.width=e.width=r,n.height=e.height=s,n.style.width=r+"px",n.style.height=s+"px",a.retinaScale(e,i.devicePixelRatio),!t)){var u={width:r,height:s};l.notify(e,"resize",[u]),e.options.onResize&&e.options.onResize(e,u),e.stop(),e.update(e.options.responsiveAnimationDuration)}},ensureScalesHaveIDs:function(){var t=this.options,e=t.scales||{},i=t.scale;a.each(e.xAxes,function(t,e){t.id=t.id||"x-axis-"+e}),a.each(e.yAxes,function(t,e){t.id=t.id||"y-axis-"+e}),i&&(i.id=i.id||"scale")},buildOrUpdateScales:function(){var i=this,n=i.options,o=i.scales||{},r=[],s=Object.keys(o).reduce(function(t,e){return t[e]=!1,t},{});n.scales&&(r=r.concat((n.scales.xAxes||[]).map(function(t){return{options:t,dtype:"category",dposition:"bottom"}}),(n.scales.yAxes||[]).map(function(t){return{options:t,dtype:"linear",dposition:"left"}}))),n.scale&&r.push({options:n.scale,dtype:"radialLinear",isDefault:!0,dposition:"chartArea"}),a.each(r,function(n){var r=n.options,l=r.id,u=a.valueOrDefault(r.type,n.dtype);e(r.position)!==e(n.dposition)&&(r.position=n.dposition),s[l]=!0;var d=null;if(l in o&&o[l].type===u)(d=o[l]).options=r,d.ctx=i.ctx,d.chart=i;else{var c=t.scaleService.getScaleConstructor(u);if(!c)return;d=new c({id:l,type:u,options:r,ctx:i.ctx,chart:i}),o[d.id]=d}d.mergeTicksOptions(),n.isDefault&&(i.scale=d)}),a.each(s,function(t,e){t||delete o[e]}),i.scales=o,t.scaleService.addScalesToLayout(this)},buildOrUpdateControllers:function(){var e=this,i=[],n=[];return a.each(e.data.datasets,function(a,o){var r=e.getDatasetMeta(o),s=a.type||e.config.type;if(r.type&&r.type!==s&&(e.destroyDatasetMeta(o),r=e.getDatasetMeta(o)),r.type=s,i.push(r.type),r.controller)r.controller.updateIndex(o),r.controller.linkScales();else{var l=t.controllers[r.type];if(void 0===l)throw new Error('"'+r.type+'" is not a chart type.');r.controller=new l(e,o),n.push(r.controller)}},e),n},resetElements:function(){var t=this;a.each(t.data.datasets,function(e,i){t.getDatasetMeta(i).controller.reset()},t)},reset:function(){this.resetElements(),this.tooltip.initialize()},update:function(e){var i,n,o=this;if(e&&"object"==typeof e||(e={duration:e,lazy:arguments[1]}),n=(i=o).options,a.each(i.scales,function(t){r.removeBox(i,t)}),n=a.configMerge(t.defaults.global,t.defaults[i.config.type],n),i.options=i.config.options=n,i.ensureScalesHaveIDs(),i.buildOrUpdateScales(),i.tooltip._options=n.tooltips,i.tooltip.initialize(),l._invalidate(o),!1!==l.notify(o,"beforeUpdate")){o.tooltip._data=o.data;var s=o.buildOrUpdateControllers();a.each(o.data.datasets,function(t,e){o.getDatasetMeta(e).controller.buildOrUpdateElements()},o),o.updateLayout(),o.options.animation&&o.options.animation.duration&&a.each(s,function(t){t.reset()}),o.updateDatasets(),o.tooltip.initialize(),o.lastActive=[],l.notify(o,"afterUpdate"),o._bufferedRender?o._bufferedRequest={duration:e.duration,easing:e.easing,lazy:e.lazy}:o.render(e)}},updateLayout:function(){!1!==l.notify(this,"beforeLayout")&&(r.update(this,this.width,this.height),l.notify(this,"afterScaleUpdate"),l.notify(this,"afterLayout"))},updateDatasets:function(){if(!1!==l.notify(this,"beforeDatasetsUpdate")){for(var t=0,e=this.data.datasets.length;t=0;--i)e.isDatasetVisible(i)&&e.drawDataset(i,t);l.notify(e,"afterDatasetsDraw",[t])}},drawDataset:function(t,e){var i=this.getDatasetMeta(t),n={meta:i,index:t,easingValue:e};!1!==l.notify(this,"beforeDatasetDraw",[n])&&(i.controller.draw(e),l.notify(this,"afterDatasetDraw",[n]))},_drawTooltip:function(t){var e=this.tooltip,i={tooltip:e,easingValue:t};!1!==l.notify(this,"beforeTooltipDraw",[i])&&(e.draw(),l.notify(this,"afterTooltipDraw",[i]))},getElementAtEvent:function(t){return o.modes.single(this,t)},getElementsAtEvent:function(t){return o.modes.label(this,t,{intersect:!0})},getElementsAtXAxis:function(t){return o.modes["x-axis"](this,t,{intersect:!0})},getElementsAtEventForMode:function(t,e,i){var n=o.modes[e];return"function"==typeof n?n(this,t,i):[]},getDatasetAtEvent:function(t){return o.modes.dataset(this,t,{intersect:!0})},getDatasetMeta:function(t){var e=this.data.datasets[t];e._meta||(e._meta={});var i=e._meta[this.id];return i||(i=e._meta[this.id]={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null}),i},getVisibleDatasetCount:function(){for(var t=0,e=0,i=this.data.datasets.length;e0||(e.forEach(function(e){delete t[e]}),delete t._chartjs)}}t.DatasetController=function(t,e){this.initialize(t,e)},n.extend(t.DatasetController.prototype,{datasetElementType:null,dataElementType:null,initialize:function(t,e){this.chart=t,this.index=e,this.linkScales(),this.addElements()},updateIndex:function(t){this.index=t},linkScales:function(){var t=this,e=t.getMeta(),i=t.getDataset();null!==e.xAxisID&&e.xAxisID in t.chart.scales||(e.xAxisID=i.xAxisID||t.chart.options.scales.xAxes[0].id),null!==e.yAxisID&&e.yAxisID in t.chart.scales||(e.yAxisID=i.yAxisID||t.chart.options.scales.yAxes[0].id)},getDataset:function(){return this.chart.data.datasets[this.index]},getMeta:function(){return this.chart.getDatasetMeta(this.index)},getScaleForId:function(t){return this.chart.scales[t]},reset:function(){this.update(!0)},destroy:function(){this._data&&i(this._data,this)},createMetaDataset:function(){var t=this.datasetElementType;return t&&new t({_chart:this.chart,_datasetIndex:this.index})},createMetaData:function(t){var e=this.dataElementType;return e&&new e({_chart:this.chart,_datasetIndex:this.index,_index:t})},addElements:function(){var t,e,i=this.getMeta(),n=this.getDataset().data||[],a=i.data;for(t=0,e=n.length;ti&&this.insertElements(i,n-i)},insertElements:function(t,e){for(var i=0;i=i[e].length&&i[e].push({}),!i[e][r].type||l.type&&l.type!==i[e][r].type?o.merge(i[e][r],[t.scaleService.getScaleDefaults(s),l]):o.merge(i[e][r],l)}else o._merger(e,i,n,a)}})},o.where=function(t,e){if(o.isArray(t)&&Array.prototype.filter)return t.filter(e);var i=[];return o.each(t,function(t){e(t)&&i.push(t)}),i},o.findIndex=Array.prototype.findIndex?function(t,e,i){return t.findIndex(e,i)}:function(t,e,i){i=void 0===i?t:i;for(var n=0,a=t.length;n=0;n--){var a=t[n];if(e(a))return a}},o.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},o.almostEquals=function(t,e,i){return Math.abs(t-e)t},o.max=function(t){return t.reduce(function(t,e){return isNaN(e)?t:Math.max(t,e)},Number.NEGATIVE_INFINITY)},o.min=function(t){return t.reduce(function(t,e){return isNaN(e)?t:Math.min(t,e)},Number.POSITIVE_INFINITY)},o.sign=Math.sign?function(t){return Math.sign(t)}:function(t){return 0===(t=+t)||isNaN(t)?t:t>0?1:-1},o.log10=Math.log10?function(t){return Math.log10(t)}:function(t){var e=Math.log(t)*Math.LOG10E,i=Math.round(e);return t===Math.pow(10,i)?i:e},o.toRadians=function(t){return t*(Math.PI/180)},o.toDegrees=function(t){return t*(180/Math.PI)},o.getAngleFromPoint=function(t,e){var i=e.x-t.x,n=e.y-t.y,a=Math.sqrt(i*i+n*n),o=Math.atan2(n,i);return o<-.5*Math.PI&&(o+=2*Math.PI),{angle:o,distance:a}},o.distanceBetweenPoints=function(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))},o.aliasPixel=function(t){return t%2==0?0:.5},o.splineCurve=function(t,e,i,n){var a=t.skip?e:t,o=e,r=i.skip?e:i,s=Math.sqrt(Math.pow(o.x-a.x,2)+Math.pow(o.y-a.y,2)),l=Math.sqrt(Math.pow(r.x-o.x,2)+Math.pow(r.y-o.y,2)),u=s/(s+l),d=l/(s+l),c=n*(u=isNaN(u)?0:u),h=n*(d=isNaN(d)?0:d);return{previous:{x:o.x-c*(r.x-a.x),y:o.y-c*(r.y-a.y)},next:{x:o.x+h*(r.x-a.x),y:o.y+h*(r.y-a.y)}}},o.EPSILON=Number.EPSILON||1e-14,o.splineCurveMonotone=function(t){var e,i,n,a,r,s,l,u,d,c=(t||[]).map(function(t){return{model:t._model,deltaK:0,mK:0}}),h=c.length;for(e=0;e0?c[e-1]:null,(a=e0?c[e-1]:null,a=e=t.length-1?t[0]:t[e+1]:e>=t.length-1?t[t.length-1]:t[e+1]},o.previousItem=function(t,e,i){return i?e<=0?t[t.length-1]:t[e-1]:e<=0?t[0]:t[e-1]},o.niceNum=function(t,e){var i=Math.floor(o.log10(t)),n=t/Math.pow(10,i);return(e?n<1.5?1:n<3?2:n<7?5:10:n<=1?1:n<=2?2:n<=5?5:10)*Math.pow(10,i)},o.requestAnimFrame="undefined"==typeof window?function(t){t()}:window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)},o.getRelativePosition=function(t,e){var i,n,a=t.originalEvent||t,r=t.currentTarget||t.srcElement,s=r.getBoundingClientRect(),l=a.touches;l&&l.length>0?(i=l[0].clientX,n=l[0].clientY):(i=a.clientX,n=a.clientY);var u=parseFloat(o.getStyle(r,"padding-left")),d=parseFloat(o.getStyle(r,"padding-top")),c=parseFloat(o.getStyle(r,"padding-right")),h=parseFloat(o.getStyle(r,"padding-bottom")),f=s.right-s.left-u-c,g=s.bottom-s.top-d-h;return{x:i=Math.round((i-s.left-u)/f*r.width/e.currentDevicePixelRatio),y:n=Math.round((n-s.top-d)/g*r.height/e.currentDevicePixelRatio)}},o.getConstraintWidth=function(t){return r(t,"max-width","clientWidth")},o.getConstraintHeight=function(t){return r(t,"max-height","clientHeight")},o.getMaximumWidth=function(t){var e=t.parentNode;if(!e)return t.clientWidth;var i=parseInt(o.getStyle(e,"padding-left"),10),n=parseInt(o.getStyle(e,"padding-right"),10),a=e.clientWidth-i-n,r=o.getConstraintWidth(t);return isNaN(r)?a:Math.min(a,r)},o.getMaximumHeight=function(t){var e=t.parentNode;if(!e)return t.clientHeight;var i=parseInt(o.getStyle(e,"padding-top"),10),n=parseInt(o.getStyle(e,"padding-bottom"),10),a=e.clientHeight-i-n,r=o.getConstraintHeight(t);return isNaN(r)?a:Math.min(a,r)},o.getStyle=function(t,e){return t.currentStyle?t.currentStyle[e]:document.defaultView.getComputedStyle(t,null).getPropertyValue(e)},o.retinaScale=function(t,e){var i=t.currentDevicePixelRatio=e||window.devicePixelRatio||1;if(1!==i){var n=t.canvas,a=t.height,o=t.width;n.height=a*i,n.width=o*i,t.ctx.scale(i,i),n.style.height||n.style.width||(n.style.height=a+"px",n.style.width=o+"px")}},o.fontString=function(t,e,i){return e+" "+t+"px "+i},o.longestText=function(t,e,i,n){var a=(n=n||{}).data=n.data||{},r=n.garbageCollect=n.garbageCollect||[];n.font!==e&&(a=n.data={},r=n.garbageCollect=[],n.font=e),t.font=e;var s=0;o.each(i,function(e){null!=e&&!0!==o.isArray(e)?s=o.measureText(t,a,r,s,e):o.isArray(e)&&o.each(e,function(e){null==e||o.isArray(e)||(s=o.measureText(t,a,r,s,e))})});var l=r.length/2;if(l>i.length){for(var u=0;un&&(n=o),n},o.numberOfLabelLines=function(t){var e=1;return o.each(t,function(t){o.isArray(t)&&t.length>e&&(e=t.length)}),e},o.color=n?function(t){return t instanceof CanvasGradient&&(t=a.global.defaultColor),n(t)}:function(t){return console.error("Color.js not found!"),t},o.getHoverColor=function(t){return t instanceof CanvasPattern?t:o.color(t).saturate(.5).darken(.1).rgbString()}}},{25:25,3:3,45:45}],28:[function(t,e,i){"use strict";var n=t(45);function a(t,e){return t.native?{x:t.x,y:t.y}:n.getRelativePosition(t,e)}function o(t,e){var i,n,a,o,r;for(n=0,o=t.data.datasets.length;n0&&(u=t.getDatasetMeta(u[0]._datasetIndex).data),u},"x-axis":function(t,e){return u(t,e,{intersect:!1})},point:function(t,e){return r(t,a(e,t))},nearest:function(t,e,i){var n=a(e,t);i.axis=i.axis||"xy";var o=l(i.axis),r=s(t,n,i.intersect,o);return r.length>1&&r.sort(function(t,e){var i=t.getArea()-e.getArea();return 0===i&&(i=t._datasetIndex-e._datasetIndex),i}),r.slice(0,1)},x:function(t,e,i){var n=a(e,t),r=[],s=!1;return o(t,function(t){t.inXRange(n.x)&&r.push(t),t.inRange(n.x,n.y)&&(s=!0)}),i.intersect&&!s&&(r=[]),r},y:function(t,e,i){var n=a(e,t),r=[],s=!1;return o(t,function(t){t.inYRange(n.y)&&r.push(t),t.inRange(n.x,n.y)&&(s=!0)}),i.intersect&&!s&&(r=[]),r}}}},{45:45}],29:[function(t,e,i){"use strict";t(25)._set("global",{responsive:!0,responsiveAnimationDuration:0,maintainAspectRatio:!0,events:["mousemove","mouseout","click","touchstart","touchmove"],hover:{onHover:null,mode:"nearest",intersect:!0,animationDuration:400},onClick:null,defaultColor:"rgba(0,0,0,0.1)",defaultFontColor:"#666",defaultFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",defaultFontSize:12,defaultFontStyle:"normal",showLines:!0,elements:{},layout:{padding:{top:0,right:0,bottom:0,left:0}}}),e.exports=function(){var t=function(t,e){return this.construct(t,e),this};return t.Chart=t,t}},{25:25}],30:[function(t,e,i){"use strict";var n=t(45);function a(t,e){return n.where(t,function(t){return t.position===e})}function o(t,e){t.forEach(function(t,e){return t._tmpIndex_=e,t}),t.sort(function(t,i){var n=e?i:t,a=e?t:i;return n.weight===a.weight?n._tmpIndex_-a._tmpIndex_:n.weight-a.weight}),t.forEach(function(t){delete t._tmpIndex_})}e.exports={defaults:{},addBox:function(t,e){t.boxes||(t.boxes=[]),e.fullWidth=e.fullWidth||!1,e.position=e.position||"top",e.weight=e.weight||0,t.boxes.push(e)},removeBox:function(t,e){var i=t.boxes?t.boxes.indexOf(e):-1;-1!==i&&t.boxes.splice(i,1)},configure:function(t,e,i){for(var n,a=["fullWidth","position","weight"],o=a.length,r=0;rh&&lt.maxHeight){l--;break}l++,c=u*d}t.labelRotation=l},afterCalculateTickRotation:function(){o.callback(this.options.afterCalculateTickRotation,[this])},beforeFit:function(){o.callback(this.options.beforeFit,[this])},fit:function(){var t=this,n=t.minSize={width:0,height:0},a=s(t._ticks),l=t.options,u=l.ticks,d=l.scaleLabel,c=l.gridLines,h=l.display,f=t.isHorizontal(),g=i(u),p=l.gridLines.tickMarkLength;if(n.width=f?t.isFullWidth()?t.maxWidth-t.margins.left-t.margins.right:t.maxWidth:h&&c.drawTicks?p:0,n.height=f?h&&c.drawTicks?p:0:t.maxHeight,d.display&&h){var m=r(d)+o.options.toPadding(d.padding).height;f?n.height+=m:n.width+=m}if(u.display&&h){var v=o.longestText(t.ctx,g.font,a,t.longestTextCache),b=o.numberOfLabelLines(a),x=.5*g.size,y=t.options.ticks.padding;if(f){t.longestLabelWidth=v;var k=o.toRadians(t.labelRotation),M=Math.cos(k),w=Math.sin(k)*v+g.size*b+x*(b-1)+x;n.height=Math.min(t.maxHeight,n.height+w+y),t.ctx.font=g.font;var S=e(t.ctx,a[0],g.font),C=e(t.ctx,a[a.length-1],g.font);0!==t.labelRotation?(t.paddingLeft="bottom"===l.position?M*S+3:M*x+3,t.paddingRight="bottom"===l.position?M*x+3:M*C+3):(t.paddingLeft=S/2+3,t.paddingRight=C/2+3)}else u.mirror?v=0:v+=y+x,n.width=Math.min(t.maxWidth,n.width+v),t.paddingTop=g.size/2,t.paddingBottom=g.size/2}t.handleMargins(),t.width=n.width,t.height=n.height},handleMargins:function(){var t=this;t.margins&&(t.paddingLeft=Math.max(t.paddingLeft-t.margins.left,0),t.paddingTop=Math.max(t.paddingTop-t.margins.top,0),t.paddingRight=Math.max(t.paddingRight-t.margins.right,0),t.paddingBottom=Math.max(t.paddingBottom-t.margins.bottom,0))},afterFit:function(){o.callback(this.options.afterFit,[this])},isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},isFullWidth:function(){return this.options.fullWidth},getRightValue:function(t){if(o.isNullOrUndef(t))return NaN;if("number"==typeof t&&!isFinite(t))return NaN;if(t)if(this.isHorizontal()){if(void 0!==t.x)return this.getRightValue(t.x)}else if(void 0!==t.y)return this.getRightValue(t.y);return t},getLabelForIndex:o.noop,getPixelForValue:o.noop,getValueForPixel:o.noop,getPixelForTick:function(t){var e=this,i=e.options.offset;if(e.isHorizontal()){var n=(e.width-(e.paddingLeft+e.paddingRight))/Math.max(e._ticks.length-(i?0:1),1),a=n*t+e.paddingLeft;i&&(a+=n/2);var o=e.left+Math.round(a);return o+=e.isFullWidth()?e.margins.left:0}var r=e.height-(e.paddingTop+e.paddingBottom);return e.top+t*(r/(e._ticks.length-1))},getPixelForDecimal:function(t){var e=this;if(e.isHorizontal()){var i=(e.width-(e.paddingLeft+e.paddingRight))*t+e.paddingLeft,n=e.left+Math.round(i);return n+=e.isFullWidth()?e.margins.left:0}return e.top+t*e.height},getBasePixel:function(){return this.getPixelForValue(this.getBaseValue())},getBaseValue:function(){var t=this.min,e=this.max;return this.beginAtZero?0:t<0&&e<0?e:t>0&&e>0?t:0},_autoSkip:function(t){var e,i,n,a,r=this,s=r.isHorizontal(),l=r.options.ticks.minor,u=t.length,d=o.toRadians(r.labelRotation),c=Math.cos(d),h=r.longestLabelWidth*c,f=[];for(l.maxTicksLimit&&(a=l.maxTicksLimit),s&&(e=!1,(h+l.autoSkipPadding)*u>r.width-(r.paddingLeft+r.paddingRight)&&(e=1+Math.floor((h+l.autoSkipPadding)*u/(r.width-(r.paddingLeft+r.paddingRight)))),a&&u>a&&(e=Math.max(e,Math.floor(u/a)))),i=0;i1&&i%e>0||i%e==0&&i+e>=u)&&i!==u-1&&delete n.label,f.push(n);return f},draw:function(t){var e=this,a=e.options;if(a.display){var s=e.ctx,u=n.global,d=a.ticks.minor,c=a.ticks.major||d,h=a.gridLines,f=a.scaleLabel,g=0!==e.labelRotation,p=e.isHorizontal(),m=d.autoSkip?e._autoSkip(e.getTicks()):e.getTicks(),v=o.valueOrDefault(d.fontColor,u.defaultFontColor),b=i(d),x=o.valueOrDefault(c.fontColor,u.defaultFontColor),y=i(c),k=h.drawTicks?h.tickMarkLength:0,M=o.valueOrDefault(f.fontColor,u.defaultFontColor),w=i(f),S=o.options.toPadding(f.padding),C=o.toRadians(e.labelRotation),_=[],D=e.options.gridLines.lineWidth,I="right"===a.position?e.right:e.right-D-k,P="right"===a.position?e.right+k:e.right,A="bottom"===a.position?e.top+D:e.bottom-k-D,T="bottom"===a.position?e.top+D+k:e.bottom+D;if(o.each(m,function(i,n){if(!o.isNullOrUndef(i.label)){var r,s,c,f,v,b,x,y,M,w,S,F,O,R,L=i.label;n===e.zeroLineIndex&&a.offset===h.offsetGridLines?(r=h.zeroLineWidth,s=h.zeroLineColor,c=h.zeroLineBorderDash,f=h.zeroLineBorderDashOffset):(r=o.valueAtIndexOrDefault(h.lineWidth,n),s=o.valueAtIndexOrDefault(h.color,n),c=o.valueOrDefault(h.borderDash,u.borderDash),f=o.valueOrDefault(h.borderDashOffset,u.borderDashOffset));var z="middle",B="middle",W=d.padding;if(p){var N=k+W;"bottom"===a.position?(B=g?"middle":"top",z=g?"right":"center",R=e.top+N):(B=g?"middle":"bottom",z=g?"left":"center",R=e.bottom-N);var V=l(e,n,h.offsetGridLines&&m.length>1);V1);j3?i[2]-i[1]:i[1]-i[0];Math.abs(a)>1&&t!==Math.floor(t)&&(a=t-Math.floor(t));var o=n.log10(Math.abs(a)),r="";if(0!==t){var s=-1*Math.floor(o);s=Math.max(Math.min(s,20),0),r=t.toFixed(s)}else r="0";return r},logarithmic:function(t,e,i){var a=t/Math.pow(10,Math.floor(n.log10(t)));return 0===t?"0":1===a||2===a||5===a||0===e||e===i.length-1?t.toExponential():""}}}},{45:45}],35:[function(t,e,i){"use strict";var n=t(25),a=t(26),o=t(45);n._set("global",{tooltips:{enabled:!0,custom:null,mode:"nearest",position:"average",intersect:!0,backgroundColor:"rgba(0,0,0,0.8)",titleFontStyle:"bold",titleSpacing:2,titleMarginBottom:6,titleFontColor:"#fff",titleAlign:"left",bodySpacing:2,bodyFontColor:"#fff",bodyAlign:"left",footerFontStyle:"bold",footerSpacing:2,footerMarginTop:6,footerFontColor:"#fff",footerAlign:"left",yPadding:6,xPadding:6,caretPadding:2,caretSize:5,cornerRadius:6,multiKeyBackground:"#fff",displayColors:!0,borderColor:"rgba(0,0,0,0)",borderWidth:0,callbacks:{beforeTitle:o.noop,title:function(t,e){var i="",n=e.labels,a=n?n.length:0;if(t.length>0){var o=t[0];o.xLabel?i=o.xLabel:a>0&&o.indexl.height-e.height&&(c="bottom");var h=(u.left+u.right)/2,f=(u.top+u.bottom)/2;"center"===c?(i=function(t){return t<=h},n=function(t){return t>h}):(i=function(t){return t<=e.width/2},n=function(t){return t>=l.width-e.width/2}),a=function(t){return t+e.width+s.caretSize+s.caretPadding>l.width},o=function(t){return t-e.width-s.caretSize-s.caretPadding<0},r=function(t){return t<=f?"top":"bottom"},i(s.x)?(d="left",a(s.x)&&(d="center",c=r(s.y))):n(s.x)&&(d="right",o(s.x)&&(d="center",c=r(s.y)));var g=t._options;return{xAlign:g.xAlign?g.xAlign:d,yAlign:g.yAlign?g.yAlign:c}}(this,F=function(t,e){var i=t._chart.ctx,n=2*e.yPadding,a=0,r=e.body,s=r.reduce(function(t,e){return t+e.before.length+e.lines.length+e.after.length},0);s+=e.beforeBody.length+e.afterBody.length;var l=e.title.length,u=e.footer.length,d=e.titleFontSize,c=e.bodyFontSize,h=e.footerFontSize;n+=l*d,n+=l?(l-1)*e.titleSpacing:0,n+=l?e.titleMarginBottom:0,n+=s*c,n+=s?(s-1)*e.bodySpacing:0,n+=u?e.footerMarginTop:0,n+=u*h,n+=u?(u-1)*e.footerSpacing:0;var f=0,g=function(t){a=Math.max(a,i.measureText(t).width+f)};return i.font=o.fontString(d,e._titleFontStyle,e._titleFontFamily),o.each(e.title,g),i.font=o.fontString(c,e._bodyFontStyle,e._bodyFontFamily),o.each(e.beforeBody.concat(e.afterBody),g),f=e.displayColors?c+2:0,o.each(r,function(t){o.each(t.before,g),o.each(t.lines,g),o.each(t.after,g)}),f=0,i.font=o.fontString(h,e._footerFontStyle,e._footerFontFamily),o.each(e.footer,g),{width:a+=2*e.xPadding,height:n}}(this,D)),a=D,s=F,l=A,u=S._chart,d=a.x,c=a.y,h=a.caretSize,f=a.caretPadding,g=a.cornerRadius,p=l.xAlign,m=l.yAlign,v=h+f,b=g+f,"right"===p?d-=s.width:"center"===p&&((d-=s.width/2)+s.width>u.width&&(d=u.width-s.width),d<0&&(d=0)),"top"===m?c+=v:c-="bottom"===m?s.height+v:s.height/2,"center"===m?"left"===p?d+=v:"right"===p&&(d-=v):"left"===p?d-=b:"right"===p&&(d+=b),T={x:d,y:c}}else D.opacity=0;return D.xAlign=A.xAlign,D.yAlign=A.yAlign,D.x=T.x,D.y=T.y,D.width=F.width,D.height=F.height,D.caretX=O.x,D.caretY=O.y,S._model=D,e&&C.custom&&C.custom.call(S,D),S},drawCaret:function(t,e){var i=this._chart.ctx,n=this._view,a=this.getCaretPosition(t,e,n);i.lineTo(a.x1,a.y1),i.lineTo(a.x2,a.y2),i.lineTo(a.x3,a.y3)},getCaretPosition:function(t,e,i){var n,a,o,r,s,l,u=i.caretSize,d=i.cornerRadius,c=i.xAlign,h=i.yAlign,f=t.x,g=t.y,p=e.width,m=e.height;if("center"===h)s=g+m/2,"left"===c?(a=(n=f)-u,o=n,r=s+u,l=s-u):(a=(n=f+p)+u,o=n,r=s-u,l=s+u);else if("left"===c?(n=(a=f+d+u)-u,o=a+u):"right"===c?(n=(a=f+p-d-u)-u,o=a+u):(n=(a=i.caretX)-u,o=a+u),"top"===h)s=(r=g)-u,l=r;else{s=(r=g+m)+u,l=r;var v=o;o=n,n=v}return{x1:n,x2:a,x3:o,y1:r,y2:s,y3:l}},drawTitle:function(t,i,n,a){var r=i.title;if(r.length){n.textAlign=i._titleAlign,n.textBaseline="top";var s,l,u=i.titleFontSize,d=i.titleSpacing;for(n.fillStyle=e(i.titleFontColor,a),n.font=o.fontString(u,i._titleFontStyle,i._titleFontFamily),s=0,l=r.length;s0&&n.stroke()},draw:function(){var t=this._chart.ctx,e=this._view;if(0!==e.opacity){var i={width:e.width,height:e.height},n={x:e.x,y:e.y},a=Math.abs(e.opacity<.001)?0:e.opacity,o=e.title.length||e.beforeBody.length||e.body.length||e.afterBody.length||e.footer.length;this._options.enabled&&o&&(this.drawBackground(n,e,t,i,a),n.x+=e.xPadding,n.y+=e.yPadding,this.drawTitle(n,e,t,a),this.drawBody(n,e,t,a),this.drawFooter(n,e,t,a))}},handleEvent:function(t){var e,i=this,n=i._options;return i._lastActive=i._lastActive||[],"mouseout"===t.type?i._active=[]:i._active=i._chart.getElementsAtEventForMode(t,n.mode,n),(e=!o.arrayEquals(i._active,i._lastActive))&&(i._lastActive=i._active,(n.enabled||n.custom)&&(i._eventPosition={x:t.x,y:t.y},i.update(!0),i.pivot())),e}}),t.Tooltip.positioners={average:function(t){if(!t.length)return!1;var e,i,n=0,a=0,o=0;for(e=0,i=t.length;el;)a-=2*Math.PI;for(;a=s&&a<=l,d=r>=i.innerRadius&&r<=i.outerRadius;return u&&d}return!1},getCenterPoint:function(){var t=this._view,e=(t.startAngle+t.endAngle)/2,i=(t.innerRadius+t.outerRadius)/2;return{x:t.x+Math.cos(e)*i,y:t.y+Math.sin(e)*i}},getArea:function(){var t=this._view;return Math.PI*((t.endAngle-t.startAngle)/(2*Math.PI))*(Math.pow(t.outerRadius,2)-Math.pow(t.innerRadius,2))},tooltipPosition:function(){var t=this._view,e=t.startAngle+(t.endAngle-t.startAngle)/2,i=(t.outerRadius-t.innerRadius)/2+t.innerRadius;return{x:t.x+Math.cos(e)*i,y:t.y+Math.sin(e)*i}},draw:function(){var t=this._chart.ctx,e=this._view,i=e.startAngle,n=e.endAngle;t.beginPath(),t.arc(e.x,e.y,e.outerRadius,i,n),t.arc(e.x,e.y,e.innerRadius,n,i,!0),t.closePath(),t.strokeStyle=e.borderColor,t.lineWidth=e.borderWidth,t.fillStyle=e.backgroundColor,t.fill(),t.lineJoin="bevel",e.borderWidth&&t.stroke()}})},{25:25,26:26,45:45}],37:[function(t,e,i){"use strict";var n=t(25),a=t(26),o=t(45),r=n.global;n._set("global",{elements:{line:{tension:.4,backgroundColor:r.defaultColor,borderWidth:3,borderColor:r.defaultColor,borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",capBezierPoints:!0,fill:!0}}}),e.exports=a.extend({draw:function(){var t,e,i,n,a=this._view,s=this._chart.ctx,l=a.spanGaps,u=this._children.slice(),d=r.elements.line,c=-1;for(this._loop&&u.length&&u.push(u[0]),s.save(),s.lineCap=a.borderCapStyle||d.borderCapStyle,s.setLineDash&&s.setLineDash(a.borderDash||d.borderDash),s.lineDashOffset=a.borderDashOffset||d.borderDashOffset,s.lineJoin=a.borderJoinStyle||d.borderJoinStyle,s.lineWidth=a.borderWidth||d.borderWidth,s.strokeStyle=a.borderColor||r.defaultColor,s.beginPath(),c=-1,t=0;tt?1:-1,o=1,r=l.borderSkipped||"left"):(t=l.x-l.width/2,e=l.x+l.width/2,i=l.y,a=1,o=(n=l.base)>i?1:-1,r=l.borderSkipped||"bottom"),u){var d=Math.min(Math.abs(t-e),Math.abs(i-n)),c=(u=u>d?d:u)/2,h=t+("left"!==r?c*a:0),f=e+("right"!==r?-c*a:0),g=i+("top"!==r?c*o:0),p=n+("bottom"!==r?-c*o:0);h!==f&&(i=g,n=p),g!==p&&(t=h,e=f)}s.beginPath(),s.fillStyle=l.backgroundColor,s.strokeStyle=l.borderColor,s.lineWidth=u;var m=[[t,n],[t,i],[e,i],[e,n]],v=["bottom","left","top","right"].indexOf(r,0);function b(t){return m[(v+t)%4]}-1===v&&(v=0);var x=b(0);s.moveTo(x[0],x[1]);for(var y=1;y<4;y++)x=b(y),s.lineTo(x[0],x[1]);s.fill(),u&&s.stroke()},height:function(){var t=this._view;return t.base-t.y},inRange:function(t,e){var i=!1;if(this._view){var n=r(this);i=t>=n.left&&t<=n.right&&e>=n.top&&e<=n.bottom}return i},inLabelRange:function(t,e){if(!this._view)return!1;var i=r(this);return o(this)?t>=i.left&&t<=i.right:e>=i.top&&e<=i.bottom},inXRange:function(t){var e=r(this);return t>=e.left&&t<=e.right},inYRange:function(t){var e=r(this);return t>=e.top&&t<=e.bottom},getCenterPoint:function(){var t,e,i=this._view;return o(this)?(t=i.x,e=(i.y+i.base)/2):(t=(i.x+i.base)/2,e=i.y),{x:t,y:e}},getArea:function(){var t=this._view;return t.width*Math.abs(t.y-t.base)},tooltipPosition:function(){var t=this._view;return{x:t.x,y:t.y}}})},{25:25,26:26}],40:[function(t,e,i){"use strict";e.exports={},e.exports.Arc=t(36),e.exports.Line=t(37),e.exports.Point=t(38),e.exports.Rectangle=t(39)},{36:36,37:37,38:38,39:39}],41:[function(t,e,i){"use strict";var n=t(42);i=e.exports={clear:function(t){t.ctx.clearRect(0,0,t.width,t.height)},roundedRect:function(t,e,i,n,a,o){if(o){var r=Math.min(o,n/2),s=Math.min(o,a/2);t.moveTo(e+r,i),t.lineTo(e+n-r,i),t.quadraticCurveTo(e+n,i,e+n,i+s),t.lineTo(e+n,i+a-s),t.quadraticCurveTo(e+n,i+a,e+n-r,i+a),t.lineTo(e+r,i+a),t.quadraticCurveTo(e,i+a,e,i+a-s),t.lineTo(e,i+s),t.quadraticCurveTo(e,i,e+r,i)}else t.rect(e,i,n,a)},drawPoint:function(t,e,i,n,a){var o,r,s,l,u,d;if(!e||"object"!=typeof e||"[object HTMLImageElement]"!==(o=e.toString())&&"[object HTMLCanvasElement]"!==o){if(!(isNaN(i)||i<=0)){switch(e){default:t.beginPath(),t.arc(n,a,i,0,2*Math.PI),t.closePath(),t.fill();break;case"triangle":t.beginPath(),u=(r=3*i/Math.sqrt(3))*Math.sqrt(3)/2,t.moveTo(n-r/2,a+u/3),t.lineTo(n+r/2,a+u/3),t.lineTo(n,a-2*u/3),t.closePath(),t.fill();break;case"rect":d=1/Math.SQRT2*i,t.beginPath(),t.fillRect(n-d,a-d,2*d,2*d),t.strokeRect(n-d,a-d,2*d,2*d);break;case"rectRounded":var c=i/Math.SQRT2,h=n-c,f=a-c,g=Math.SQRT2*i;t.beginPath(),this.roundedRect(t,h,f,g,g,i/2),t.closePath(),t.fill();break;case"rectRot":d=1/Math.SQRT2*i,t.beginPath(),t.moveTo(n-d,a),t.lineTo(n,a+d),t.lineTo(n+d,a),t.lineTo(n,a-d),t.closePath(),t.fill();break;case"cross":t.beginPath(),t.moveTo(n,a+i),t.lineTo(n,a-i),t.moveTo(n-i,a),t.lineTo(n+i,a),t.closePath();break;case"crossRot":t.beginPath(),s=Math.cos(Math.PI/4)*i,l=Math.sin(Math.PI/4)*i,t.moveTo(n-s,a-l),t.lineTo(n+s,a+l),t.moveTo(n-s,a+l),t.lineTo(n+s,a-l),t.closePath();break;case"star":t.beginPath(),t.moveTo(n,a+i),t.lineTo(n,a-i),t.moveTo(n-i,a),t.lineTo(n+i,a),s=Math.cos(Math.PI/4)*i,l=Math.sin(Math.PI/4)*i,t.moveTo(n-s,a-l),t.lineTo(n+s,a+l),t.moveTo(n-s,a+l),t.lineTo(n+s,a-l),t.closePath();break;case"line":t.beginPath(),t.moveTo(n-i,a),t.lineTo(n+i,a),t.closePath();break;case"dash":t.beginPath(),t.moveTo(n,a),t.lineTo(n+i,a),t.closePath()}t.stroke()}}else t.drawImage(e,n-e.width/2,a-e.height/2,e.width,e.height)},clipArea:function(t,e){t.save(),t.beginPath(),t.rect(e.left,e.top,e.right-e.left,e.bottom-e.top),t.clip()},unclipArea:function(t){t.restore()},lineTo:function(t,e,i,n){if(i.steppedLine)return"after"===i.steppedLine&&!n||"after"!==i.steppedLine&&n?t.lineTo(e.x,i.y):t.lineTo(i.x,e.y),void t.lineTo(i.x,i.y);i.tension?t.bezierCurveTo(n?e.controlPointPreviousX:e.controlPointNextX,n?e.controlPointPreviousY:e.controlPointNextY,n?i.controlPointNextX:i.controlPointPreviousX,n?i.controlPointNextY:i.controlPointPreviousY,i.x,i.y):t.lineTo(i.x,i.y)}};n.clear=i.clear,n.drawRoundedRectangle=function(t){t.beginPath(),i.roundedRect.apply(i,arguments),t.closePath()}},{42:42}],42:[function(t,e,i){"use strict";var n,a={noop:function(){},uid:(n=0,function(){return n++}),isNullOrUndef:function(t){return null==t},isArray:Array.isArray?Array.isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)},isObject:function(t){return null!==t&&"[object Object]"===Object.prototype.toString.call(t)},valueOrDefault:function(t,e){return void 0===t?e:t},valueAtIndexOrDefault:function(t,e,i){return a.valueOrDefault(a.isArray(t)?t[e]:t,i)},callback:function(t,e,i){if(t&&"function"==typeof t.call)return t.apply(i,e)},each:function(t,e,i,n){var o,r,s;if(a.isArray(t))if(r=t.length,n)for(o=r-1;o>=0;o--)e.call(i,t[o],o);else for(o=0;o=1?t:-(Math.sqrt(1-t*t)-1)},easeOutCirc:function(t){return Math.sqrt(1-(t-=1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var e=1.70158,i=0,n=1;return 0===t?0:1===t?1:(i||(i=.3),n<1?(n=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/n),-n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i))},easeOutElastic:function(t){var e=1.70158,i=0,n=1;return 0===t?0:1===t?1:(i||(i=.3),n<1?(n=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/n),n*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/i)+1)},easeInOutElastic:function(t){var e=1.70158,i=0,n=1;return 0===t?0:2==(t/=.5)?1:(i||(i=.45),n<1?(n=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/n),t<1?n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*-.5:n*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*.5+1)},easeInBack:function(t){return t*t*(2.70158*t-1.70158)},easeOutBack:function(t){return(t-=1)*t*(2.70158*t+1.70158)+1},easeInOutBack:function(t){var e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:function(t){return 1-a.easeOutBounce(1-t)},easeOutBounce:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},easeInOutBounce:function(t){return t<.5?.5*a.easeInBounce(2*t):.5*a.easeOutBounce(2*t-1)+.5}};e.exports={effects:a},n.easingEffects=a},{42:42}],44:[function(t,e,i){"use strict";var n=t(42);e.exports={toLineHeight:function(t,e){var i=(""+t).match(/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/);if(!i||"normal"===i[1])return 1.2*e;switch(t=+i[2],i[3]){case"px":return t;case"%":t/=100}return e*t},toPadding:function(t){var e,i,a,o;return n.isObject(t)?(e=+t.top||0,i=+t.right||0,a=+t.bottom||0,o=+t.left||0):e=i=a=o=+t||0,{top:e,right:i,bottom:a,left:o,height:e+a,width:o+i}},resolve:function(t,e,i){var a,o,r;for(a=0,o=t.length;a
';var a=e.childNodes[0],r=e.childNodes[1];e._reset=function(){a.scrollLeft=1e6,a.scrollTop=1e6,r.scrollLeft=1e6,r.scrollTop=1e6};var s=function(){e._reset(),t()};return h(a,"scroll",s.bind(a,"expand")),h(r,"scroll",s.bind(r,"shrink")),e}((u=function(){if(x.resizer)return e(g("resize",i))},c=!1,f=[],function(){f=Array.prototype.slice.call(arguments),d=d||this,c||(c=!0,n.requestAnimFrame.call(window,function(){c=!1,u.apply(d,f)}))}));m=function(){if(x.resizer){var e=t.parentNode;e&&e!==y.parentNode&&e.insertBefore(y,e.firstChild),y._reset()}},v=(p=t)[a]||(p[a]={}),b=v.renderProxy=function(t){t.animationName===s&&m()},n.each(l,function(t){h(p,t,b)}),v.reflow=!!p.offsetParent,p.classList.add(r)}function m(t){var e,i,o,s=t[a]||{},u=s.resizer;delete s.resizer,i=(e=t)[a]||{},(o=i.renderProxy)&&(n.each(l,function(t){f(e,t,o)}),delete i.renderProxy),e.classList.remove(r),u&&u.parentNode&&u.parentNode.removeChild(u)}e.exports={_enabled:"undefined"!=typeof window&&"undefined"!=typeof document,initialize:function(){var t,e,i,n="from{opacity:0.99}to{opacity:1}";e="@-webkit-keyframes "+s+"{"+n+"}@keyframes "+s+"{"+n+"}."+r+"{-webkit-animation:"+s+" 0.001s;animation:"+s+" 0.001s;}",i=(t=this)._style||document.createElement("style"),t._style||(t._style=i,e="/* Chart.js */\n"+e,i.setAttribute("type","text/css"),document.getElementsByTagName("head")[0].appendChild(i)),i.appendChild(document.createTextNode(e))},acquireContext:function(t,e){"string"==typeof t?t=document.getElementById(t):t.length&&(t=t[0]),t&&t.canvas&&(t=t.canvas);var i=t&&t.getContext&&t.getContext("2d");return i&&i.canvas===t?(function(t,e){var i=t.style,n=t.getAttribute("height"),o=t.getAttribute("width");if(t[a]={initial:{height:n,width:o,style:{display:i.display,height:i.height,width:i.width}}},i.display=i.display||"block",null===o||""===o){var r=d(t,"width");void 0!==r&&(t.width=r)}if(null===n||""===n)if(""===t.style.height)t.height=t.width/(e.options.aspectRatio||2);else{var s=d(t,"height");void 0!==r&&(t.height=s)}}(t,e),i):null},releaseContext:function(t){var e=t.canvas;if(e[a]){var i=e[a].initial;["height","width"].forEach(function(t){var a=i[t];n.isNullOrUndef(a)?e.removeAttribute(t):e.setAttribute(t,a)}),n.each(i.style||{},function(t,i){e.style[i]=t}),e.width=e.width,delete e[a]}},addEventListener:function(t,e,i){var o=t.canvas;if("resize"!==e){var r=i[a]||(i[a]={});h(o,e,(r.proxies||(r.proxies={}))[t.id+"_"+e]=function(e){var a,o,r,s;i((o=t,r=u[(a=e).type]||a.type,s=n.getRelativePosition(a,o),g(r,o,s.x,s.y,a)))})}else p(o,i,t)},removeEventListener:function(t,e,i){var n=t.canvas;if("resize"!==e){var o=((i[a]||{}).proxies||{})[t.id+"_"+e];o&&f(n,e,o)}else m(n)}},n.addEvent=h,n.removeEvent=f},{45:45}],48:[function(t,e,i){"use strict";var n=t(45),a=t(46),o=t(47),r=o._enabled?o:a;e.exports=n.extend({initialize:function(){},acquireContext:function(){},releaseContext:function(){},addEventListener:function(){},removeEventListener:function(){}},r)},{45:45,46:46,47:47}],49:[function(t,e,i){"use strict";e.exports={},e.exports.filler=t(50),e.exports.legend=t(51),e.exports.title=t(52)},{50:50,51:51,52:52}],50:[function(t,e,i){"use strict";var n=t(25),a=t(40),o=t(45);n._set("global",{plugins:{filler:{propagate:!0}}});var r={dataset:function(t){var e=t.fill,i=t.chart,n=i.getDatasetMeta(e),a=n&&i.isDatasetVisible(e)&&n.dataset._children||[],o=a.length||0;return o?function(t,e){return e=i)&&n;switch(o){case"bottom":return"start";case"top":return"end";case"zero":return"origin";case"origin":case"start":case"end":return o;default:return!1}}function l(t){var e,i=t.el._model||{},n=t.el._scale||{},a=t.fill,o=null;if(isFinite(a))return null;if("start"===a?o=void 0===i.scaleBottom?n.bottom:i.scaleBottom:"end"===a?o=void 0===i.scaleTop?n.top:i.scaleTop:void 0!==i.scaleZero?o=i.scaleZero:n.getBasePosition?o=n.getBasePosition():n.getBasePixel&&(o=n.getBasePixel()),null!=o){if(void 0!==o.x&&void 0!==o.y)return o;if("number"==typeof o&&isFinite(o))return{x:(e=n.isHorizontal())?o:null,y:e?null:o}}return null}function u(t,e,i){var n,a=t[e].fill,o=[e];if(!i)return a;for(;!1!==a&&-1===o.indexOf(a);){if(!isFinite(a))return a;if(!(n=t[a]))return!1;if(n.visible)return a;o.push(a),a=n.fill}return!1}function d(t){return t&&!t.skip}function c(t,e,i,n,a){var r;if(n&&a){for(t.moveTo(e[0].x,e[0].y),r=1;r0;--r)o.canvas.lineTo(t,i[r],i[r-1],!0)}}e.exports={id:"filler",afterDatasetsUpdate:function(t,e){var i,n,o,d,c,h,f,g=(t.data.datasets||[]).length,p=e.propagate,m=[];for(n=0;n');for(var i=0;i'),t.data.datasets[i].label&&e.push(t.data.datasets[i].label),e.push("");return e.push(""),e.join("")}});var u=a.extend({initialize:function(t){o.extend(this,t),this.legendHitBoxes=[],this.doughnutMode=!1},beforeUpdate:s,update:function(t,e,i){var n=this;return n.beforeUpdate(),n.maxWidth=t,n.maxHeight=e,n.margins=i,n.beforeSetDimensions(),n.setDimensions(),n.afterSetDimensions(),n.beforeBuildLabels(),n.buildLabels(),n.afterBuildLabels(),n.beforeFit(),n.fit(),n.afterFit(),n.afterUpdate(),n.minSize},afterUpdate:s,beforeSetDimensions:s,setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0,t.minSize={width:0,height:0}},afterSetDimensions:s,beforeBuildLabels:s,buildLabels:function(){var t=this,e=t.options.labels||{},i=o.callback(e.generateLabels,[t.chart],t)||[];e.filter&&(i=i.filter(function(i){return e.filter(i,t.chart.data)})),t.options.reverse&&i.reverse(),t.legendItems=i},afterBuildLabels:s,beforeFit:s,fit:function(){var t=this,e=t.options,i=e.labels,a=e.display,r=t.ctx,s=n.global,u=o.valueOrDefault,d=u(i.fontSize,s.defaultFontSize),c=u(i.fontStyle,s.defaultFontStyle),h=u(i.fontFamily,s.defaultFontFamily),f=o.fontString(d,c,h),g=t.legendHitBoxes=[],p=t.minSize,m=t.isHorizontal();if(m?(p.width=t.maxWidth,p.height=a?10:0):(p.width=a?10:0,p.height=t.maxHeight),a)if(r.font=f,m){var v=t.lineWidths=[0],b=t.legendItems.length?d+i.padding:0;r.textAlign="left",r.textBaseline="top",o.each(t.legendItems,function(e,n){var a=l(i,d)+d/2+r.measureText(e.text).width;v[v.length-1]+a+i.padding>=t.width&&(b+=d+i.padding,v[v.length]=t.left),g[n]={left:0,top:0,width:a,height:d},v[v.length-1]+=a+i.padding}),p.height+=b}else{var x=i.padding,y=t.columnWidths=[],k=i.padding,M=0,w=0,S=d+x;o.each(t.legendItems,function(t,e){var n=l(i,d)+d/2+r.measureText(t.text).width;w+S>p.height&&(k+=M+i.padding,y.push(M),M=0,w=0),M=Math.max(M,n),w+=S,g[e]={left:0,top:0,width:n,height:d}}),k+=M,y.push(M),p.width+=k}t.width=p.width,t.height=p.height},afterFit:s,isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},draw:function(){var t=this,e=t.options,i=e.labels,a=n.global,r=a.elements.line,s=t.width,u=t.lineWidths;if(e.display){var d,c=t.ctx,h=o.valueOrDefault,f=h(i.fontColor,a.defaultFontColor),g=h(i.fontSize,a.defaultFontSize),p=h(i.fontStyle,a.defaultFontStyle),m=h(i.fontFamily,a.defaultFontFamily),v=o.fontString(g,p,m);c.textAlign="left",c.textBaseline="middle",c.lineWidth=.5,c.strokeStyle=f,c.fillStyle=f,c.font=v;var b=l(i,g),x=t.legendHitBoxes,y=t.isHorizontal();d=y?{x:t.left+(s-u[0])/2,y:t.top+i.padding,line:0}:{x:t.left+i.padding,y:t.top+i.padding,line:0};var k=g+i.padding;o.each(t.legendItems,function(n,l){var f,p,m,v,M,w=c.measureText(n.text).width,S=b+g/2+w,C=d.x,_=d.y;y?C+S>=s&&(_=d.y+=k,d.line++,C=d.x=t.left+(s-u[d.line])/2):_+k>t.bottom&&(C=d.x=C+t.columnWidths[d.line]+i.padding,_=d.y=t.top+i.padding,d.line++),function(t,i,n){if(!(isNaN(b)||b<=0)){c.save(),c.fillStyle=h(n.fillStyle,a.defaultColor),c.lineCap=h(n.lineCap,r.borderCapStyle),c.lineDashOffset=h(n.lineDashOffset,r.borderDashOffset),c.lineJoin=h(n.lineJoin,r.borderJoinStyle),c.lineWidth=h(n.lineWidth,r.borderWidth),c.strokeStyle=h(n.strokeStyle,a.defaultColor);var s=0===h(n.lineWidth,r.borderWidth);if(c.setLineDash&&c.setLineDash(h(n.lineDash,r.borderDash)),e.labels&&e.labels.usePointStyle){var l=g*Math.SQRT2/2,u=l/Math.SQRT2,d=t+u,f=i+u;o.canvas.drawPoint(c,n.pointStyle,l,d,f)}else s||c.strokeRect(t,i,b,g),c.fillRect(t,i,b,g);c.restore()}}(C,_,n),x[l].left=C,x[l].top=_,f=n,p=w,v=b+(m=g/2)+C,M=_+m,c.fillText(f.text,v,M),f.hidden&&(c.beginPath(),c.lineWidth=2,c.moveTo(v,M),c.lineTo(v+p,M),c.stroke()),y?d.x+=S+i.padding:d.y+=k})}},handleEvent:function(t){var e=this,i=e.options,n="mouseup"===t.type?"click":t.type,a=!1;if("mousemove"===n){if(!i.onHover)return}else{if("click"!==n)return;if(!i.onClick)return}var o=t.x,r=t.y;if(o>=e.left&&o<=e.right&&r>=e.top&&r<=e.bottom)for(var s=e.legendHitBoxes,l=0;l=u.left&&o<=u.left+u.width&&r>=u.top&&r<=u.top+u.height){if("click"===n){i.onClick.call(e,t.native,e.legendItems[l]),a=!0;break}if("mousemove"===n){i.onHover.call(e,t.native,e.legendItems[l]),a=!0;break}}}return a}});function d(t,e){var i=new u({ctx:t.ctx,options:e,chart:t});r.configure(t,i,e),r.addBox(t,i),t.legend=i}e.exports={id:"legend",_element:u,beforeInit:function(t){var e=t.options.legend;e&&d(t,e)},beforeUpdate:function(t){var e=t.options.legend,i=t.legend;e?(o.mergeIf(e,n.global.legend),i?(r.configure(t,i,e),i.options=e):d(t,e)):i&&(r.removeBox(t,i),delete t.legend)},afterEvent:function(t,e){var i=t.legend;i&&i.handleEvent(e)}}},{25:25,26:26,30:30,45:45}],52:[function(t,e,i){"use strict";var n=t(25),a=t(26),o=t(45),r=t(30),s=o.noop;n._set("global",{title:{display:!1,fontStyle:"bold",fullWidth:!0,lineHeight:1.2,padding:10,position:"top",text:"",weight:2e3}});var l=a.extend({initialize:function(t){o.extend(this,t),this.legendHitBoxes=[]},beforeUpdate:s,update:function(t,e,i){var n=this;return n.beforeUpdate(),n.maxWidth=t,n.maxHeight=e,n.margins=i,n.beforeSetDimensions(),n.setDimensions(),n.afterSetDimensions(),n.beforeBuildLabels(),n.buildLabels(),n.afterBuildLabels(),n.beforeFit(),n.fit(),n.afterFit(),n.afterUpdate(),n.minSize},afterUpdate:s,beforeSetDimensions:s,setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0,t.minSize={width:0,height:0}},afterSetDimensions:s,beforeBuildLabels:s,buildLabels:s,afterBuildLabels:s,beforeFit:s,fit:function(){var t=this,e=o.valueOrDefault,i=t.options,a=i.display,r=e(i.fontSize,n.global.defaultFontSize),s=t.minSize,l=o.isArray(i.text)?i.text.length:1,u=o.options.toLineHeight(i.lineHeight,r),d=a?l*u+2*i.padding:0;t.isHorizontal()?(s.width=t.maxWidth,s.height=d):(s.width=d,s.height=t.maxHeight),t.width=s.width,t.height=s.height},afterFit:s,isHorizontal:function(){var t=this.options.position;return"top"===t||"bottom"===t},draw:function(){var t=this,e=t.ctx,i=o.valueOrDefault,a=t.options,r=n.global;if(a.display){var s,l,u,d=i(a.fontSize,r.defaultFontSize),c=i(a.fontStyle,r.defaultFontStyle),h=i(a.fontFamily,r.defaultFontFamily),f=o.fontString(d,c,h),g=o.options.toLineHeight(a.lineHeight,d),p=g/2+a.padding,m=0,v=t.top,b=t.left,x=t.bottom,y=t.right;e.fillStyle=i(a.fontColor,r.defaultFontColor),e.font=f,t.isHorizontal()?(l=b+(y-b)/2,u=v+p,s=y-b):(l="left"===a.position?b+p:y-p,u=v+(x-v)/2,s=x-v,m=Math.PI*("left"===a.position?-.5:.5)),e.save(),e.translate(l,u),e.rotate(m),e.textAlign="center",e.textBaseline="middle";var k=a.text;if(o.isArray(k))for(var M=0,w=0;wt.max&&(t.max=n))})});t.min=isFinite(t.min)&&!isNaN(t.min)?t.min:0,t.max=isFinite(t.max)&&!isNaN(t.max)?t.max:1,this.handleTickRangeOptions()},getTickLimit:function(){var t,e=this.options.ticks;if(this.isHorizontal())t=Math.min(e.maxTicksLimit?e.maxTicksLimit:11,Math.ceil(this.width/50));else{var i=a.valueOrDefault(e.fontSize,n.global.defaultFontSize);t=Math.min(e.maxTicksLimit?e.maxTicksLimit:11,Math.ceil(this.height/(2*i)))}return t},handleDirectionalChanges:function(){this.isHorizontal()||this.ticks.reverse()},getLabelForIndex:function(t,e){return+this.getRightValue(this.chart.data.datasets[e].data[t])},getPixelForValue:function(t){var e=this,i=e.start,n=+e.getRightValue(t),a=e.end-i;return e.isHorizontal()?e.left+e.width/a*(n-i):e.bottom-e.height/a*(n-i)},getValueForPixel:function(t){var e=this,i=e.isHorizontal(),n=i?e.width:e.height,a=(i?t-e.left:e.bottom-t)/n;return e.start+(e.end-e.start)*a},getPixelForTick:function(t){return this.getPixelForValue(this.ticksAsNumbers[t])}});t.scaleService.registerScaleType("linear",i,e)}},{25:25,34:34,45:45}],55:[function(t,e,i){"use strict";var n=t(45);e.exports=function(t){var e=n.noop;t.LinearScaleBase=t.Scale.extend({getRightValue:function(e){return"string"==typeof e?+e:t.Scale.prototype.getRightValue.call(this,e)},handleTickRangeOptions:function(){var t=this,e=t.options.ticks;if(e.beginAtZero){var i=n.sign(t.min),a=n.sign(t.max);i<0&&a<0?t.max=0:i>0&&a>0&&(t.min=0)}var o=void 0!==e.min||void 0!==e.suggestedMin,r=void 0!==e.max||void 0!==e.suggestedMax;void 0!==e.min?t.min=e.min:void 0!==e.suggestedMin&&(null===t.min?t.min=e.suggestedMin:t.min=Math.min(t.min,e.suggestedMin)),void 0!==e.max?t.max=e.max:void 0!==e.suggestedMax&&(null===t.max?t.max=e.suggestedMax:t.max=Math.max(t.max,e.suggestedMax)),o!==r&&t.min>=t.max&&(o?t.max=t.min+1:t.min=t.max-1),t.min===t.max&&(t.max++,e.beginAtZero||t.min--)},getTickLimit:e,handleDirectionalChanges:e,buildTicks:function(){var t=this,e=t.options.ticks,i=t.getTickLimit(),a={maxTicks:i=Math.max(2,i),min:e.min,max:e.max,stepSize:n.valueOrDefault(e.fixedStepSize,e.stepSize)},o=t.ticks=function(t,e){var i,a=[];if(t.stepSize&&t.stepSize>0)i=t.stepSize;else{var o=n.niceNum(e.max-e.min,!1);i=n.niceNum(o/(t.maxTicks-1),!0)}var r=Math.floor(e.min/i)*i,s=Math.ceil(e.max/i)*i;t.min&&t.max&&t.stepSize&&n.almostWhole((t.max-t.min)/t.stepSize,i/1e3)&&(r=t.min,s=t.max);var l=(s-r)/i;l=n.almostEquals(l,Math.round(l),i/1e3)?Math.round(l):Math.ceil(l);var u=1;i<1&&(u=Math.pow(10,i.toString().length-2),r=Math.round(r*u)/u,s=Math.round(s*u)/u),a.push(void 0!==t.min?t.min:r);for(var d=1;d0){var i=n.min(e),a=n.max(e);t.min=null===t.min?i:Math.min(t.min,i),t.max=null===t.max?a:Math.max(t.max,a)}})}else n.each(a,function(e,a){var o=i.getDatasetMeta(a);i.isDatasetVisible(a)&&r(o)&&n.each(e.data,function(e,i){var n=+t.getRightValue(e);isNaN(n)||o.data[i].hidden||n<0||(null===t.min?t.min=n:nt.max&&(t.max=n),0!==n&&(null===t.minNotZero||n0?t.minNotZero=t.min:t.max<1?t.minNotZero=Math.pow(10,Math.floor(n.log10(t.max))):t.minNotZero=1)},buildTicks:function(){var t=this,e=t.options.ticks,i=!t.isHorizontal(),a={min:e.min,max:e.max},o=t.ticks=function(t,e){var i,a,o=[],r=n.valueOrDefault,s=r(t.min,Math.pow(10,Math.floor(n.log10(e.min)))),l=Math.floor(n.log10(e.max)),u=Math.ceil(e.max/Math.pow(10,l));0===s?(i=Math.floor(n.log10(e.minNotZero)),a=Math.floor(e.minNotZero/Math.pow(10,i)),o.push(s),s=a*Math.pow(10,i)):(i=Math.floor(n.log10(s)),a=Math.floor(s/Math.pow(10,i)));for(var d=i<0?Math.pow(10,Math.abs(i)):1;o.push(s),10==++a&&(a=1,d=++i>=0?1:d),s=Math.round(a*Math.pow(10,i)*d)/d,ia?{start:e-i-5,end:e}:{start:e,end:e+i+5}}function u(t,e,i,n){if(a.isArray(e))for(var o=i.y,r=1.5*n,s=0;sd.r&&(d.r=b.end,c.r=m),x.startd.b&&(d.b=x.end,c.b=m)}t.setReductions(u,d,c)}(this):(t=this,e=Math.min(t.height/2,t.width/2),t.drawingArea=Math.round(e),t.setCenterPoint(0,0,0,0))},setReductions:function(t,e,i){var n=e.l/Math.sin(i.l),a=Math.max(e.r-this.width,0)/Math.sin(i.r),o=-e.t/Math.cos(i.t),r=-Math.max(e.b-this.height,0)/Math.cos(i.b);n=d(n),a=d(a),o=d(o),r=d(r),this.drawingArea=Math.min(Math.round(t-(n+a)/2),Math.round(t-(o+r)/2)),this.setCenterPoint(n,a,o,r)},setCenterPoint:function(t,e,i,n){var a=this,o=a.width-e-a.drawingArea,r=t+a.drawingArea,s=i+a.drawingArea,l=a.height-n-a.drawingArea;a.xCenter=Math.round((r+o)/2+a.left),a.yCenter=Math.round((s+l)/2+a.top)},getIndexAngle:function(t){return t*(2*Math.PI/r(this))+(this.chart.options&&this.chart.options.startAngle?this.chart.options.startAngle:0)*Math.PI*2/360},getDistanceFromCenterForValue:function(t){var e=this;if(null===t)return 0;var i=e.drawingArea/(e.max-e.min);return e.options.ticks.reverse?(e.max-t)*i:(t-e.min)*i},getPointPosition:function(t,e){var i=this.getIndexAngle(t)-Math.PI/2;return{x:Math.round(Math.cos(i)*e)+this.xCenter,y:Math.round(Math.sin(i)*e)+this.yCenter}},getPointPositionForValue:function(t,e){return this.getPointPosition(t,this.getDistanceFromCenterForValue(e))},getBasePosition:function(){var t=this.min,e=this.max;return this.getPointPositionForValue(0,this.beginAtZero?0:t<0&&e<0?e:t>0&&e>0?t:0)},draw:function(){var t=this,i=t.options,n=i.gridLines,o=i.ticks,l=a.valueOrDefault;if(i.display){var d=t.ctx,c=this.getIndexAngle(0),h=l(o.fontSize,e.defaultFontSize),f=l(o.fontStyle,e.defaultFontStyle),g=l(o.fontFamily,e.defaultFontFamily),p=a.fontString(h,f,g);a.each(t.ticks,function(i,s){if(s>0||o.reverse){var u=t.getDistanceFromCenterForValue(t.ticksAsNumbers[s]);if(n.display&&0!==s&&function(t,e,i,n){var o=t.ctx;if(o.strokeStyle=a.valueAtIndexOrDefault(e.color,n-1),o.lineWidth=a.valueAtIndexOrDefault(e.lineWidth,n-1),t.options.gridLines.circular)o.beginPath(),o.arc(t.xCenter,t.yCenter,i,0,2*Math.PI),o.closePath(),o.stroke();else{var s=r(t);if(0===s)return;o.beginPath();var l=t.getPointPosition(0,i);o.moveTo(l.x,l.y);for(var u=1;u=0;m--){if(o.display){var v=t.getPointPosition(m,g);i.beginPath(),i.moveTo(t.xCenter,t.yCenter),i.lineTo(v.x,v.y),i.stroke(),i.closePath()}if(l.display){var b=t.getPointPosition(m,g+5),x=a.valueAtIndexOrDefault(l.fontColor,m,e.defaultFontColor);i.font=p.font,i.fillStyle=x;var y=t.getIndexAngle(m),k=a.toDegrees(y);i.textAlign=0===(f=k)||180===f?"center":f<180?"left":"right",d=k,c=t._pointLabelSizes[m],h=b,90===d||270===d?h.y-=c.h/2:(d>270||d<90)&&(h.y-=c.h),u(i,t.pointLabels[m]||"",b,p.size)}}}(t)}}});t.scaleService.registerScaleType("radialLinear",c,i)}},{25:25,34:34,45:45}],58:[function(t,e,i){"use strict";var n=t(1);n="function"==typeof n?n:window.moment;var a=t(25),o=t(45),r=Number.MIN_SAFE_INTEGER||-9007199254740991,s=Number.MAX_SAFE_INTEGER||9007199254740991,l={millisecond:{common:!0,size:1,steps:[1,2,5,10,20,50,100,250,500]},second:{common:!0,size:1e3,steps:[1,2,5,10,30]},minute:{common:!0,size:6e4,steps:[1,2,5,10,30]},hour:{common:!0,size:36e5,steps:[1,2,3,6,12]},day:{common:!0,size:864e5,steps:[1,2,5]},week:{common:!1,size:6048e5,steps:[1,2,3,4]},month:{common:!0,size:2628e6,steps:[1,2,3]},quarter:{common:!1,size:7884e6,steps:[1,2,3,4]},year:{common:!0,size:3154e7}},u=Object.keys(l);function d(t,e){return t-e}function c(t){var e,i,n,a={},o=[];for(e=0,i=t.length;e=0&&r<=s;){if(a=t[(n=r+s>>1)-1]||null,o=t[n],!a)return{lo:null,hi:o};if(o[e]i))return{lo:a,hi:o};s=n-1}}return{lo:o,hi:null}}(t,e,i),o=a.lo?a.hi?a.lo:t[t.length-2]:t[0],r=a.lo?a.hi?a.hi:t[t.length-1]:t[1],s=r[e]-o[e],l=s?(i-o[e])/s:0,u=(r[n]-o[n])*l;return o[n]+u}function f(t,e){var i=e.parser,a=e.parser||e.format;return"function"==typeof i?i(t):"string"==typeof t&&"string"==typeof a?n(t,a):(t instanceof n||(t=n(t)),t.isValid()?t:"function"==typeof a?a(t):t)}function g(t,e){if(o.isNullOrUndef(t))return null;var i=e.options.time,n=f(e.getRightValue(t),i);return n.isValid()?(i.round&&n.startOf(i.round),n.valueOf()):null}function p(t){for(var e=u.indexOf(t)+1,i=u.length;e=k&&i<=M&&_.push(i);return y.min=k,y.max=M,y._unit=S.unit||function(t,e,i,a){var o,r,s=n.duration(n(a).diff(n(i)));for(o=u.length-1;o>=u.indexOf(e);o--)if(r=u[o],l[r].common&&s.as(r)>=t.length)return r;return u[e?u.indexOf(e):0]}(_,S.minUnit,y.min,y.max),y._majorUnit=p(y._unit),y._table=function(t,e,i,n){if("linear"===n||!t.length)return[{time:e,pos:0},{time:i,pos:1}];var a,o,r,s,l,u=[],d=[e];for(a=0,o=t.length;ae&&s1?o[1]:s,v=o[0],b=(h(a,"time",c,"pos")-h(a,"time",v,"pos"))/2),d.time.max||(c=o[o.length-1],v=o.length>1?o[o.length-2]:r,x=(h(a,"time",c,"pos")-h(a,"time",v,"pos"))/2)),{left:b,right:x}),y._labelFormat=function(t,e){var i,n,a,o=t.length;for(i=0;i=0&&t0?s:1}});t.scaleService.registerScaleType("time",e,{position:"bottom",distribution:"linear",bounds:"data",time:{parser:!1,format:!1,unit:!1,round:!1,displayFormat:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{millisecond:"h:mm:ss.SSS a",second:"h:mm:ss a",minute:"h:mm a",hour:"hA",day:"MMM D",week:"ll",month:"MMM YYYY",quarter:"[Q]Q - YYYY",year:"YYYY"}},ticks:{autoSkip:!1,source:"auto",major:{enabled:!1}}})}},{1:1,25:25,45:45}]},{},[7])(7)}); \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/_demo_common.scss b/src/main/resources/META-INF/resources/resources/demo/css/_demo_common.scss new file mode 100644 index 0000000..cda7b6b --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/_demo_common.scss @@ -0,0 +1,13 @@ +@import '../../sass/mixins/_mixins'; +@import './pages/_common'; +@import './pages/_crud'; +@import './pages/_documentation'; +@import './pages/_icons'; +@import './pages/_list'; +@import './pages/_messages'; +@import './pages/_misc'; +@import './pages/_table'; +@import './pages/_chronoline'; +@import './pages/_floatlabel'; +@import './pages/_syntax'; +@import './pages/_blocks'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.css b/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.css new file mode 100644 index 0000000..7e7ae67 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.css @@ -0,0 +1,734 @@ +.order-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.order-badge.order-delivered { + background: #ACEBB4; + color: #348861; +} +.order-badge.order-cancelled { + background: #FABD9A; + color: #AD342B; +} +.order-badge.order-pending { + background: #F8D895; + color: #A76927; +} +.order-badge.order-returned { + background: #EFB8E5; + color: #833F91; +} + +.product-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; + text-align: center; +} +.product-badge.status-instock { + background: #ACEBB4; + color: #348861; +} +.product-badge.status-outofstock { + background: #FABD9A; + color: #AD342B; +} +.product-badge.status-lowstock { + background: #F8D895; + color: #A76927; +} + +.customer-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.customer-badge.status-qualified { + background: #ACEBB4; + color: #348861; +} +.customer-badge.status-unqualified { + background: #FABD9A; + color: #AD342B; +} +.customer-badge.status-negotiation { + background: #F8D895; + color: #A76927; +} +.customer-badge.status-new { + background: #9BF2F7; + color: #2B7AA4; +} +.customer-badge.status-renewal { + background: #EFB8E5; + color: #833F91; +} +.customer-badge.status-proposal { + background: #FFD8B2; + color: #805B36; +} + +.filter-container .ui-inputtext { + width: 400px; +} + +.ui-selection-column { + width: 2rem; +} + +@media (max-width: 640px) { + .filter-container { + width: 100%; + margin-top: 0.5rem; + } + + .filter-container .ui-inputtext { + width: 100%; + } + + .ui-selection-column { + width: auto; + text-align: center; + } + .ui-selection-column .ui-column-title { + display: none !important; + } +} +.crud-demo .ui-datatable { + margin-top: 1rem; +} +.crud-demo .product-image { + width: 100px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.crud-demo .ui-dialog .product-image { + width: 250px; + margin: 0 auto 2rem auto; + display: block; +} +.crud-demo .ui-dialog-footer .ui-button { + min-width: 6rem; +} +.crud-demo .ui-datatable .ui-column-filter { + display: none; +} +.crud-demo .products-table-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.crud-demo .edit-button.ui-button { + margin-right: 0.5rem; +} +.crud-demo .orders-subtable { + padding: 1rem; +} +.crud-demo .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) { + width: 2rem; +} +.crud-demo .products-table .ui-rating { + display: inline-block; +} + +@media (max-width: 640px) { + .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) .ui-column-title, +.products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) .ui-column-title { + display: none !important; + } + + .products-buttonbar { + -ms-flex-direction: column; + flex-direction: column; + } + .products-buttonbar > div:last-child { + margin-top: 0.5rem; + } +} +.docs li { + line-height: 1.5; +} + +.icons-demo .icons-list { + text-align: center; + color: #EAEBEC; +} +.icons-demo .icons-list i { + font-size: 1.5rem; + margin-bottom: 0.5rem; +} + +.list-demo .product-name { + font-size: 1.5rem; + font-weight: 700; +} +.list-demo .product-description { + margin: 0 0 1rem 0; +} +.list-demo .product-category-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +.list-demo .product-category { + font-weight: 600; + vertical-align: middle; +} +.list-demo .product-list-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 1rem; +} +.list-demo .product-list-item img { + width: 150px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin-right: 2rem; +} +.list-demo .product-list-item .product-list-detail { + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +.list-demo .product-list-item .ui-rating { + margin: 0 0 0.5rem 0; +} +.list-demo .product-list-item .product-price { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 0.5rem; + align-self: flex-end; +} +.list-demo .product-list-item .product-list-action { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.list-demo .product-list-item .ui-button { + margin-bottom: 0.5rem; +} +.list-demo .product-grid-item { + border: 1px solid #383838; + box-shadow: none; +} +.list-demo .product-grid-item .product-grid-item-top, +.list-demo .product-grid-item .product-grid-item-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.list-demo .product-grid-item img { + width: 75%; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin: 2rem 0; +} +.list-demo .product-grid-item .product-grid-item-content { + text-align: center; +} +.list-demo .product-grid-item .product-price { + font-size: 1.5rem; + font-weight: 600; +} + +@media screen and (max-width: 576px) { + .list-demo .product-list-item { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + } + .list-demo .product-list-item img { + width: 75%; + margin: 2rem 0; + } + .list-demo .product-list-item .product-list-detail { + text-align: center; + } + .list-demo .product-list-item .product-price { + align-self: center; + } + .list-demo .product-list-item .product-list-action { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + } + .list-demo .product-list-item .product-list-action { + margin-top: 2rem; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + width: 100%; + } +} +.messages-demo .ui-button.ui-widget { + min-width: 6rem; +} +.messages-demo .field > label { + width: 125px; +} + +.misc-demo .ui-button.ui-widget { + min-width: 6rem; +} +.misc-demo .badges .ui-badge, +.misc-demo .badges .ui-tag { + margin-right: 0.5rem; +} +.misc-demo .ui-chip.custom-chip { + background: var(--primary-color); + color: var(--primary-color-text); +} +.misc-demo .custom-scrolltop { + width: 2rem; + height: 2rem; + border-radius: 4px; + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop:hover { + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop .ui-scrolltop-icon { + font-size: 1rem; + color: var(--primary-color-text); +} +.misc-demo .custom-skeleton { + border: 1px solid var(--surface-d); + border-radius: 4px; +} +.misc-demo .custom-skeleton ul { + list-style: none; +} + +.table-demo .ui-datatable .ui-column-filter { + display: none; +} +.table-demo .customers-table-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media (max-width: 640px) { + .table-demo .ui-progressbar { + margin-top: 0.5rem; + } +} +.custom-marker { + display: flex; + width: 2rem; + height: 2rem; + align-items: center; + justify-content: center; + color: #ffffff; + border-radius: 50%; + z-index: 1; +} + +.ui-chronoline-event-content, +.ui-chronoline-event-opposite { + line-height: 1; +} + +@media screen and (max-width: 960px) { + .customized-chronoline .ui-chronoline-event:nth-child(even) { + flex-direction: row !important; + } + + .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { + text-align: left !important; + } + + .customized-chronoline .ui-chronoline-event-opposite { + flex: 0; + } + + .customized-chronoline .ui-card { + margin-top: 1rem; + } +} +.floatlabel-demo .field { + margin-top: 2rem; +} + +/** +* prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML +* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); +* @author Tim Shedor +*/ +code[class*=language-], +pre[class*=language-] { + color: black; + background: none; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +/* Code blocks */ +pre[class*=language-] { + position: relative; + margin: 0.5em 0; + overflow: visible; + padding: 0; +} + +pre[class*=language-] > code { + position: relative; + border-left: 10px solid #358ccb; + box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; + background-color: #fdfdfd; + background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); + background-size: 3em 3em; + background-origin: content-box; + background-attachment: local; +} + +code[class*=language] { + max-height: inherit; + padding: 0 1em; + display: block; + overflow: auto; +} + +/* Margin bottom to accomodate shadow */ +:not(pre) > code[class*=language-], +pre[class*=language-] { + background-color: #fdfdfd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 1em; +} + +/* Inline code */ +:not(pre) > code[class*=language-] { + position: relative; + padding: 0.2em; + border-radius: 0.3em; + color: #c92c2c; + border: 1px solid rgba(0, 0, 0, 0.1); + display: inline; + white-space: normal; +} + +pre[class*=language-]:before, +pre[class*=language-]:after { + content: ""; + z-index: -2; + display: block; + position: absolute; + bottom: 0.75em; + left: 0.18em; + width: 40%; + height: 20%; + max-height: 13em; + box-shadow: 0px 13px 8px #979797; + -webkit-transform: rotate(-2deg); + -moz-transform: rotate(-2deg); + -ms-transform: rotate(-2deg); + -o-transform: rotate(-2deg); + transform: rotate(-2deg); +} + +:not(pre) > code[class*=language-]:after, +pre[class*=language-]:after { + right: 0.75em; + left: auto; + -webkit-transform: rotate(2deg); + -moz-transform: rotate(2deg); + -ms-transform: rotate(2deg); + -o-transform: rotate(2deg); + transform: rotate(2deg); +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #7D8B99; +} + +.token.punctuation { + color: #5F6364; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.function-name, +.token.constant, +.token.symbol, +.token.deleted { + color: #c92c2c; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.function, +.token.builtin, +.token.inserted { + color: #2f9c0a; +} + +.token.operator, +.token.entity, +.token.url, +.token.variable { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.atrule, +.token.attr-value, +.token.keyword, +.token.class-name { + color: #1990b8; +} + +.token.regex, +.token.important { + color: #e90; +} + +.language-css .token.string, +.style .token.string { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.important { + font-weight: normal; +} + +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.namespace { + opacity: 0.7; +} + +@media screen and (max-width: 767px) { + pre[class*=language-]:before, +pre[class*=language-]:after { + bottom: 14px; + box-shadow: none; + } +} +/* Plugin styles */ +.token.tab:not(:empty):before, +.token.cr:before, +.token.lf:before { + color: #e0d7d1; +} + +/* Plugin styles: Line Numbers */ +pre[class*=language-].line-numbers { + padding-left: 0; +} + +pre[class*=language-].line-numbers code { + padding-left: 3.8em; +} + +pre[class*=language-].line-numbers .line-numbers-rows { + left: 0; +} + +/* Plugin styles: Line Highlight */ +pre[class*=language-][data-line] { + padding-top: 0; + padding-bottom: 0; + padding-left: 0; +} + +pre[data-line] code { + position: relative; + padding-left: 4em; +} + +pre .line-highlight { + margin-top: 0; +} + +/* PrimeFaces styles */ +pre[class*=language-]:before, pre[class*=language-]:after { + display: none !important; +} +pre[class*=language-] code { + border-left: 6px solid var(--surface-border) !important; + box-shadow: none !important; + background: var(--surface-ground) !important; + margin: 1em 0; + color: var(--text-color); +} + +.language-css .token.string, +.style .token.string { + background: transparent; +} + +.block-section { + margin-bottom: 4rem; +} + +.block-header { + padding: 1rem 2rem; + background-color: var(--surface-section); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border: 1px solid var(--surface-d); + display: flex; + align-items: center; + justify-content: space-between; +} +.block-header .block-title { + font-size: 1.25rem; + font-weight: 600; + display: inline-flex; + align-items: center; +} +.block-header .block-title .badge-free { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--orange-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-title .badge-new { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--green-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-actions { + display: flex; + align-items: center; + justify-content: space-between; + user-select: none; +} +.block-header .block-actions a { + display: flex; + align-items: center; + margin-right: 0.75rem; + padding: 0.5rem 1rem; + border-radius: 4px; + border: 1px solid transparent; + transition: background-color 0.2s; + cursor: pointer; + color: var(--text-color); +} +.block-header .block-actions a:last-child { + margin-right: 0; +} +.block-header .block-actions a:not(.block-action-disabled):hover { + background-color: var(--surface-c); +} +.block-header .block-actions a.block-action-active { + border-color: var(--primary-color); + color: var(--primary-color); +} +.block-header .block-actions a.block-action-copy i { + color: var(--primary-color); + font-size: 1.25rem; +} +.block-header .block-actions a.block-action-disabled { + opacity: 0.6; + pointer-events: none; + cursor: auto !important; +} +.block-header .block-actions a .pi-lock { + margin-right: 0.5rem; +} + +.block-content { + padding: 0; + border: 1px solid var(--surface-d); + border-top: 0 none; +} +.block-content > div { + display: none; +} +.block-content > div.block-content-active { + display: block; +} + +.block-section pre[class*=language-] { + margin: 0 !important; +} +.block-section pre[class*=language-]:before, .block-section pre[class*=language-]:after { + display: none !important; +} +.block-section pre[class*=language-] code { + border-left: 0 none !important; + box-shadow: none !important; + background: var(--surface-e) !important; + margin: 0; + color: var(--text-color); + font-size: 14px; + padding: 1.5rem 2rem !important; +} + +@media screen and (max-width: 575px) { + .block-header { + flex-direction: column; + align-items: start; + } + .block-header .block-actions { + margin-top: 1rem; + } +} diff --git a/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.scss b/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.scss new file mode 100644 index 0000000..8c51714 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/demo-dark.scss @@ -0,0 +1,3 @@ +@import '../../sass/variables/layout/_layout_dark'; +@import './_demo_common'; + diff --git a/src/main/resources/META-INF/resources/resources/demo/css/demo-light.css b/src/main/resources/META-INF/resources/resources/demo/css/demo-light.css new file mode 100644 index 0000000..7576348 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/demo-light.css @@ -0,0 +1,734 @@ +.order-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.order-badge.order-delivered { + background: #ACEBB4; + color: #348861; +} +.order-badge.order-cancelled { + background: #FABD9A; + color: #AD342B; +} +.order-badge.order-pending { + background: #F8D895; + color: #A76927; +} +.order-badge.order-returned { + background: #EFB8E5; + color: #833F91; +} + +.product-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; + text-align: center; +} +.product-badge.status-instock { + background: #ACEBB4; + color: #348861; +} +.product-badge.status-outofstock { + background: #FABD9A; + color: #AD342B; +} +.product-badge.status-lowstock { + background: #F8D895; + color: #A76927; +} + +.customer-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.customer-badge.status-qualified { + background: #ACEBB4; + color: #348861; +} +.customer-badge.status-unqualified { + background: #FABD9A; + color: #AD342B; +} +.customer-badge.status-negotiation { + background: #F8D895; + color: #A76927; +} +.customer-badge.status-new { + background: #9BF2F7; + color: #2B7AA4; +} +.customer-badge.status-renewal { + background: #EFB8E5; + color: #833F91; +} +.customer-badge.status-proposal { + background: #FFD8B2; + color: #805B36; +} + +.filter-container .ui-inputtext { + width: 400px; +} + +.ui-selection-column { + width: 2rem; +} + +@media (max-width: 640px) { + .filter-container { + width: 100%; + margin-top: 0.5rem; + } + + .filter-container .ui-inputtext { + width: 100%; + } + + .ui-selection-column { + width: auto; + text-align: center; + } + .ui-selection-column .ui-column-title { + display: none !important; + } +} +.crud-demo .ui-datatable { + margin-top: 1rem; +} +.crud-demo .product-image { + width: 100px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.crud-demo .ui-dialog .product-image { + width: 250px; + margin: 0 auto 2rem auto; + display: block; +} +.crud-demo .ui-dialog-footer .ui-button { + min-width: 6rem; +} +.crud-demo .ui-datatable .ui-column-filter { + display: none; +} +.crud-demo .products-table-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.crud-demo .edit-button.ui-button { + margin-right: 0.5rem; +} +.crud-demo .orders-subtable { + padding: 1rem; +} +.crud-demo .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) { + width: 2rem; +} +.crud-demo .products-table .ui-rating { + display: inline-block; +} + +@media (max-width: 640px) { + .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) .ui-column-title, +.products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) .ui-column-title { + display: none !important; + } + + .products-buttonbar { + -ms-flex-direction: column; + flex-direction: column; + } + .products-buttonbar > div:last-child { + margin-top: 0.5rem; + } +} +.docs li { + line-height: 1.5; +} + +.icons-demo .icons-list { + text-align: center; + color: rgba(41, 50, 65, 0.8); +} +.icons-demo .icons-list i { + font-size: 1.5rem; + margin-bottom: 0.5rem; +} + +.list-demo .product-name { + font-size: 1.5rem; + font-weight: 700; +} +.list-demo .product-description { + margin: 0 0 1rem 0; +} +.list-demo .product-category-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +.list-demo .product-category { + font-weight: 600; + vertical-align: middle; +} +.list-demo .product-list-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 1rem; +} +.list-demo .product-list-item img { + width: 150px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin-right: 2rem; +} +.list-demo .product-list-item .product-list-detail { + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +.list-demo .product-list-item .ui-rating { + margin: 0 0 0.5rem 0; +} +.list-demo .product-list-item .product-price { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 0.5rem; + align-self: flex-end; +} +.list-demo .product-list-item .product-list-action { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.list-demo .product-list-item .ui-button { + margin-bottom: 0.5rem; +} +.list-demo .product-grid-item { + border: 1px solid #dee2e6; + box-shadow: none; +} +.list-demo .product-grid-item .product-grid-item-top, +.list-demo .product-grid-item .product-grid-item-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.list-demo .product-grid-item img { + width: 75%; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin: 2rem 0; +} +.list-demo .product-grid-item .product-grid-item-content { + text-align: center; +} +.list-demo .product-grid-item .product-price { + font-size: 1.5rem; + font-weight: 600; +} + +@media screen and (max-width: 576px) { + .list-demo .product-list-item { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + } + .list-demo .product-list-item img { + width: 75%; + margin: 2rem 0; + } + .list-demo .product-list-item .product-list-detail { + text-align: center; + } + .list-demo .product-list-item .product-price { + align-self: center; + } + .list-demo .product-list-item .product-list-action { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + } + .list-demo .product-list-item .product-list-action { + margin-top: 2rem; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + width: 100%; + } +} +.messages-demo .ui-button.ui-widget { + min-width: 6rem; +} +.messages-demo .field > label { + width: 125px; +} + +.misc-demo .ui-button.ui-widget { + min-width: 6rem; +} +.misc-demo .badges .ui-badge, +.misc-demo .badges .ui-tag { + margin-right: 0.5rem; +} +.misc-demo .ui-chip.custom-chip { + background: var(--primary-color); + color: var(--primary-color-text); +} +.misc-demo .custom-scrolltop { + width: 2rem; + height: 2rem; + border-radius: 4px; + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop:hover { + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop .ui-scrolltop-icon { + font-size: 1rem; + color: var(--primary-color-text); +} +.misc-demo .custom-skeleton { + border: 1px solid var(--surface-d); + border-radius: 4px; +} +.misc-demo .custom-skeleton ul { + list-style: none; +} + +.table-demo .ui-datatable .ui-column-filter { + display: none; +} +.table-demo .customers-table-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media (max-width: 640px) { + .table-demo .ui-progressbar { + margin-top: 0.5rem; + } +} +.custom-marker { + display: flex; + width: 2rem; + height: 2rem; + align-items: center; + justify-content: center; + color: #ffffff; + border-radius: 50%; + z-index: 1; +} + +.ui-chronoline-event-content, +.ui-chronoline-event-opposite { + line-height: 1; +} + +@media screen and (max-width: 960px) { + .customized-chronoline .ui-chronoline-event:nth-child(even) { + flex-direction: row !important; + } + + .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { + text-align: left !important; + } + + .customized-chronoline .ui-chronoline-event-opposite { + flex: 0; + } + + .customized-chronoline .ui-card { + margin-top: 1rem; + } +} +.floatlabel-demo .field { + margin-top: 2rem; +} + +/** +* prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML +* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); +* @author Tim Shedor +*/ +code[class*=language-], +pre[class*=language-] { + color: black; + background: none; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +/* Code blocks */ +pre[class*=language-] { + position: relative; + margin: 0.5em 0; + overflow: visible; + padding: 0; +} + +pre[class*=language-] > code { + position: relative; + border-left: 10px solid #358ccb; + box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; + background-color: #fdfdfd; + background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); + background-size: 3em 3em; + background-origin: content-box; + background-attachment: local; +} + +code[class*=language] { + max-height: inherit; + padding: 0 1em; + display: block; + overflow: auto; +} + +/* Margin bottom to accomodate shadow */ +:not(pre) > code[class*=language-], +pre[class*=language-] { + background-color: #fdfdfd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 1em; +} + +/* Inline code */ +:not(pre) > code[class*=language-] { + position: relative; + padding: 0.2em; + border-radius: 0.3em; + color: #c92c2c; + border: 1px solid rgba(0, 0, 0, 0.1); + display: inline; + white-space: normal; +} + +pre[class*=language-]:before, +pre[class*=language-]:after { + content: ""; + z-index: -2; + display: block; + position: absolute; + bottom: 0.75em; + left: 0.18em; + width: 40%; + height: 20%; + max-height: 13em; + box-shadow: 0px 13px 8px #979797; + -webkit-transform: rotate(-2deg); + -moz-transform: rotate(-2deg); + -ms-transform: rotate(-2deg); + -o-transform: rotate(-2deg); + transform: rotate(-2deg); +} + +:not(pre) > code[class*=language-]:after, +pre[class*=language-]:after { + right: 0.75em; + left: auto; + -webkit-transform: rotate(2deg); + -moz-transform: rotate(2deg); + -ms-transform: rotate(2deg); + -o-transform: rotate(2deg); + transform: rotate(2deg); +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #7D8B99; +} + +.token.punctuation { + color: #5F6364; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.function-name, +.token.constant, +.token.symbol, +.token.deleted { + color: #c92c2c; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.function, +.token.builtin, +.token.inserted { + color: #2f9c0a; +} + +.token.operator, +.token.entity, +.token.url, +.token.variable { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.atrule, +.token.attr-value, +.token.keyword, +.token.class-name { + color: #1990b8; +} + +.token.regex, +.token.important { + color: #e90; +} + +.language-css .token.string, +.style .token.string { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.important { + font-weight: normal; +} + +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.namespace { + opacity: 0.7; +} + +@media screen and (max-width: 767px) { + pre[class*=language-]:before, +pre[class*=language-]:after { + bottom: 14px; + box-shadow: none; + } +} +/* Plugin styles */ +.token.tab:not(:empty):before, +.token.cr:before, +.token.lf:before { + color: #e0d7d1; +} + +/* Plugin styles: Line Numbers */ +pre[class*=language-].line-numbers { + padding-left: 0; +} + +pre[class*=language-].line-numbers code { + padding-left: 3.8em; +} + +pre[class*=language-].line-numbers .line-numbers-rows { + left: 0; +} + +/* Plugin styles: Line Highlight */ +pre[class*=language-][data-line] { + padding-top: 0; + padding-bottom: 0; + padding-left: 0; +} + +pre[data-line] code { + position: relative; + padding-left: 4em; +} + +pre .line-highlight { + margin-top: 0; +} + +/* PrimeFaces styles */ +pre[class*=language-]:before, pre[class*=language-]:after { + display: none !important; +} +pre[class*=language-] code { + border-left: 6px solid var(--surface-border) !important; + box-shadow: none !important; + background: var(--surface-ground) !important; + margin: 1em 0; + color: var(--text-color); +} + +.language-css .token.string, +.style .token.string { + background: transparent; +} + +.block-section { + margin-bottom: 4rem; +} + +.block-header { + padding: 1rem 2rem; + background-color: var(--surface-section); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border: 1px solid var(--surface-d); + display: flex; + align-items: center; + justify-content: space-between; +} +.block-header .block-title { + font-size: 1.25rem; + font-weight: 600; + display: inline-flex; + align-items: center; +} +.block-header .block-title .badge-free { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--orange-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-title .badge-new { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--green-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-actions { + display: flex; + align-items: center; + justify-content: space-between; + user-select: none; +} +.block-header .block-actions a { + display: flex; + align-items: center; + margin-right: 0.75rem; + padding: 0.5rem 1rem; + border-radius: 4px; + border: 1px solid transparent; + transition: background-color 0.2s; + cursor: pointer; + color: var(--text-color); +} +.block-header .block-actions a:last-child { + margin-right: 0; +} +.block-header .block-actions a:not(.block-action-disabled):hover { + background-color: var(--surface-c); +} +.block-header .block-actions a.block-action-active { + border-color: var(--primary-color); + color: var(--primary-color); +} +.block-header .block-actions a.block-action-copy i { + color: var(--primary-color); + font-size: 1.25rem; +} +.block-header .block-actions a.block-action-disabled { + opacity: 0.6; + pointer-events: none; + cursor: auto !important; +} +.block-header .block-actions a .pi-lock { + margin-right: 0.5rem; +} + +.block-content { + padding: 0; + border: 1px solid var(--surface-d); + border-top: 0 none; +} +.block-content > div { + display: none; +} +.block-content > div.block-content-active { + display: block; +} + +.block-section pre[class*=language-] { + margin: 0 !important; +} +.block-section pre[class*=language-]:before, .block-section pre[class*=language-]:after { + display: none !important; +} +.block-section pre[class*=language-] code { + border-left: 0 none !important; + box-shadow: none !important; + background: var(--surface-e) !important; + margin: 0; + color: var(--text-color); + font-size: 14px; + padding: 1.5rem 2rem !important; +} + +@media screen and (max-width: 575px) { + .block-header { + flex-direction: column; + align-items: start; + } + .block-header .block-actions { + margin-top: 1rem; + } +} diff --git a/src/main/resources/META-INF/resources/resources/demo/css/demo-light.scss b/src/main/resources/META-INF/resources/resources/demo/css/demo-light.scss new file mode 100644 index 0000000..aae2db1 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/demo-light.scss @@ -0,0 +1,2 @@ +@import '../../sass/variables/layout/_layout_light'; +@import './_demo_common'; diff --git a/src/main/resources/META-INF/resources/resources/demo/css/flags/flags.css b/src/main/resources/META-INF/resources/resources/demo/css/flags/flags.css new file mode 100644 index 0000000..f7aae20 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/flags/flags.css @@ -0,0 +1 @@ +span.flag{width:44px;height:30px;display:inline-block;}img.flag{width:30px}.flag{background:url("\#{resource['demo:css/flags/flags_responsive.png']}") no-repeat;background-size:100%;vertical-align: middle;}.flag-ad{background-position:0 .413223%}.flag-ae{background-position:0 .826446%}.flag-af{background-position:0 1.239669%}.flag-ag{background-position:0 1.652893%}.flag-ai{background-position:0 2.066116%}.flag-al{background-position:0 2.479339%}.flag-am{background-position:0 2.892562%}.flag-an{background-position:0 3.305785%}.flag-ao{background-position:0 3.719008%}.flag-aq{background-position:0 4.132231%}.flag-ar{background-position:0 4.545455%}.flag-as{background-position:0 4.958678%}.flag-at{background-position:0 5.371901%}.flag-au{background-position:0 5.785124%}.flag-aw{background-position:0 6.198347%}.flag-az{background-position:0 6.61157%}.flag-ba{background-position:0 7.024793%}.flag-bb{background-position:0 7.438017%}.flag-bd{background-position:0 7.85124%}.flag-be{background-position:0 8.264463%}.flag-bf{background-position:0 8.677686%}.flag-bg{background-position:0 9.090909%}.flag-bh{background-position:0 9.504132%}.flag-bi{background-position:0 9.917355%}.flag-bj{background-position:0 10.330579%}.flag-bm{background-position:0 10.743802%}.flag-bn{background-position:0 11.157025%}.flag-bo{background-position:0 11.570248%}.flag-br{background-position:0 11.983471%}.flag-bs{background-position:0 12.396694%}.flag-bt{background-position:0 12.809917%}.flag-bv{background-position:0 13.22314%}.flag-bw{background-position:0 13.636364%}.flag-by{background-position:0 14.049587%}.flag-bz{background-position:0 14.46281%}.flag-ca{background-position:0 14.876033%}.flag-cc{background-position:0 15.289256%}.flag-cd{background-position:0 15.702479%}.flag-cf{background-position:0 16.115702%}.flag-cg{background-position:0 16.528926%}.flag-ch{background-position:0 16.942149%}.flag-ci{background-position:0 17.355372%}.flag-ck{background-position:0 17.768595%}.flag-cl{background-position:0 18.181818%}.flag-cm{background-position:0 18.595041%}.flag-cn{background-position:0 19.008264%}.flag-co{background-position:0 19.421488%}.flag-cr{background-position:0 19.834711%}.flag-cu{background-position:0 20.247934%}.flag-cv{background-position:0 20.661157%}.flag-cx{background-position:0 21.07438%}.flag-cy{background-position:0 21.487603%}.flag-cz{background-position:0 21.900826%}.flag-de{background-position:0 22.31405%}.flag-dj{background-position:0 22.727273%}.flag-dk{background-position:0 23.140496%}.flag-dm{background-position:0 23.553719%}.flag-do{background-position:0 23.966942%}.flag-dz{background-position:0 24.380165%}.flag-ec{background-position:0 24.793388%}.flag-ee{background-position:0 25.206612%}.flag-eg{background-position:0 25.619835%}.flag-eh{background-position:0 26.033058%}.flag-er{background-position:0 26.446281%}.flag-es{background-position:0 26.859504%}.flag-et{background-position:0 27.272727%}.flag-fi{background-position:0 27.68595%}.flag-fj{background-position:0 28.099174%}.flag-fk{background-position:0 28.512397%}.flag-fm{background-position:0 28.92562%}.flag-fo{background-position:0 29.338843%}.flag-fr{background-position:0 29.752066%}.flag-ga{background-position:0 30.165289%}.flag-gd{background-position:0 30.578512%}.flag-ge{background-position:0 30.991736%}.flag-gf{background-position:0 31.404959%}.flag-gh{background-position:0 31.818182%}.flag-gi{background-position:0 32.231405%}.flag-gl{background-position:0 32.644628%}.flag-gm{background-position:0 33.057851%}.flag-gn{background-position:0 33.471074%}.flag-gp{background-position:0 33.884298%}.flag-gq{background-position:0 34.297521%}.flag-gr{background-position:0 34.710744%}.flag-gs{background-position:0 35.123967%}.flag-gt{background-position:0 35.53719%}.flag-gu{background-position:0 35.950413%}.flag-gw{background-position:0 36.363636%}.flag-gy{background-position:0 36.77686%}.flag-hk{background-position:0 37.190083%}.flag-hm{background-position:0 37.603306%}.flag-hn{background-position:0 38.016529%}.flag-hr{background-position:0 38.429752%}.flag-ht{background-position:0 38.842975%}.flag-hu{background-position:0 39.256198%}.flag-id{background-position:0 39.669421%}.flag-ie{background-position:0 40.082645%}.flag-il{background-position:0 40.495868%}.flag-in{background-position:0 40.909091%}.flag-io{background-position:0 41.322314%}.flag-iq{background-position:0 41.735537%}.flag-ir{background-position:0 42.14876%}.flag-is{background-position:0 42.561983%}.flag-it{background-position:0 42.975207%}.flag-jm{background-position:0 43.38843%}.flag-jo{background-position:0 43.801653%}.flag-jp{background-position:0 44.214876%}.flag-ke{background-position:0 44.628099%}.flag-kg{background-position:0 45.041322%}.flag-kh{background-position:0 45.454545%}.flag-ki{background-position:0 45.867769%}.flag-km{background-position:0 46.280992%}.flag-kn{background-position:0 46.694215%}.flag-kp{background-position:0 47.107438%}.flag-kr{background-position:0 47.520661%}.flag-kw{background-position:0 47.933884%}.flag-ky{background-position:0 48.347107%}.flag-kz{background-position:0 48.760331%}.flag-la{background-position:0 49.173554%}.flag-lb{background-position:0 49.586777%}.flag-lc{background-position:0 50%}.flag-li{background-position:0 50.413223%}.flag-lk{background-position:0 50.826446%}.flag-lr{background-position:0 51.239669%}.flag-ls{background-position:0 51.652893%}.flag-lt{background-position:0 52.066116%}.flag-lu{background-position:0 52.479339%}.flag-lv{background-position:0 52.892562%}.flag-ly{background-position:0 53.305785%}.flag-ma{background-position:0 53.719008%}.flag-mc{background-position:0 54.132231%}.flag-md{background-position:0 54.545455%}.flag-me{background-position:0 54.958678%}.flag-mg{background-position:0 55.371901%}.flag-mh{background-position:0 55.785124%}.flag-mk{background-position:0 56.198347%}.flag-ml{background-position:0 56.61157%}.flag-mm{background-position:0 57.024793%}.flag-mn{background-position:0 57.438017%}.flag-mo{background-position:0 57.85124%}.flag-mp{background-position:0 58.264463%}.flag-mq{background-position:0 58.677686%}.flag-mr{background-position:0 59.090909%}.flag-ms{background-position:0 59.504132%}.flag-mt{background-position:0 59.917355%}.flag-mu{background-position:0 60.330579%}.flag-mv{background-position:0 60.743802%}.flag-mw{background-position:0 61.157025%}.flag-mx{background-position:0 61.570248%}.flag-my{background-position:0 61.983471%}.flag-mz{background-position:0 62.396694%}.flag-na{background-position:0 62.809917%}.flag-nc{background-position:0 63.22314%}.flag-ne{background-position:0 63.636364%}.flag-nf{background-position:0 64.049587%}.flag-ng{background-position:0 64.46281%}.flag-ni{background-position:0 64.876033%}.flag-nl{background-position:0 65.289256%}.flag-no{background-position:0 65.702479%}.flag-np{background-position:0 66.115702%}.flag-nr{background-position:0 66.528926%}.flag-nu{background-position:0 66.942149%}.flag-nz{background-position:0 67.355372%}.flag-om{background-position:0 67.768595%}.flag-pa{background-position:0 68.181818%}.flag-pe{background-position:0 68.595041%}.flag-pf{background-position:0 69.008264%}.flag-pg{background-position:0 69.421488%}.flag-ph{background-position:0 69.834711%}.flag-pk{background-position:0 70.247934%}.flag-pl{background-position:0 70.661157%}.flag-pm{background-position:0 71.07438%}.flag-pn{background-position:0 71.487603%}.flag-pr{background-position:0 71.900826%}.flag-pt{background-position:0 72.31405%}.flag-pw{background-position:0 72.727273%}.flag-py{background-position:0 73.140496%}.flag-qa{background-position:0 73.553719%}.flag-re{background-position:0 73.966942%}.flag-ro{background-position:0 74.380165%}.flag-rs{background-position:0 74.793388%}.flag-ru{background-position:0 75.206612%}.flag-rw{background-position:0 75.619835%}.flag-sa{background-position:0 76.033058%}.flag-sb{background-position:0 76.446281%}.flag-sc{background-position:0 76.859504%}.flag-sd{background-position:0 77.272727%}.flag-se{background-position:0 77.68595%}.flag-sg{background-position:0 78.099174%}.flag-sh{background-position:0 78.512397%}.flag-si{background-position:0 78.92562%}.flag-sj{background-position:0 79.338843%}.flag-sk{background-position:0 79.752066%}.flag-sl{background-position:0 80.165289%}.flag-sm{background-position:0 80.578512%}.flag-sn{background-position:0 80.991736%}.flag-so{background-position:0 81.404959%}.flag-sr{background-position:0 81.818182%}.flag-ss{background-position:0 82.231405%}.flag-st{background-position:0 82.644628%}.flag-sv{background-position:0 83.057851%}.flag-sy{background-position:0 83.471074%}.flag-sz{background-position:0 83.884298%}.flag-tc{background-position:0 84.297521%}.flag-td{background-position:0 84.710744%}.flag-tf{background-position:0 85.123967%}.flag-tg{background-position:0 85.53719%}.flag-th{background-position:0 85.950413%}.flag-tj{background-position:0 86.363636%}.flag-tk{background-position:0 86.77686%}.flag-tl{background-position:0 87.190083%}.flag-tm{background-position:0 87.603306%}.flag-tn{background-position:0 88.016529%}.flag-to{background-position:0 88.429752%}.flag-tp{background-position:0 88.842975%}.flag-tr{background-position:0 89.256198%}.flag-tt{background-position:0 89.669421%}.flag-tv{background-position:0 90.082645%}.flag-tw{background-position:0 90.495868%}.flag-ty{background-position:0 90.909091%}.flag-tz{background-position:0 91.322314%}.flag-ua{background-position:0 91.735537%}.flag-ug{background-position:0 92.14876%}.flag-gb,.flag-uk{background-position:0 92.561983%}.flag-um{background-position:0 92.975207%}.flag-us{background-position:0 93.38843%}.flag-uy{background-position:0 93.801653%}.flag-uz{background-position:0 94.214876%}.flag-va{background-position:0 94.628099%}.flag-vc{background-position:0 95.041322%}.flag-ve{background-position:0 95.454545%}.flag-vg{background-position:0 95.867769%}.flag-vi{background-position:0 96.280992%}.flag-vn{background-position:0 96.694215%}.flag-vu{background-position:0 97.107438%}.flag-wf{background-position:0 97.520661%}.flag-ws{background-position:0 97.933884%}.flag-ye{background-position:0 98.347107%}.flag-za{background-position:0 98.760331%}.flag-zm{background-position:0 99.173554%}.flag-zr{background-position:0 99.586777%}.flag-zw{background-position:0 100%} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/flags/flags_responsive.png b/src/main/resources/META-INF/resources/resources/demo/css/flags/flags_responsive.png new file mode 100644 index 0000000..c27ce21 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/css/flags/flags_responsive.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_blocks.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_blocks.scss new file mode 100644 index 0000000..30dc463 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_blocks.scss @@ -0,0 +1,133 @@ +.block-section { + margin-bottom: 4rem; +} + +.block-header { + padding: 1rem 2rem; + background-color: var(--surface-section); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border:1px solid var(--surface-d); + display: flex; + align-items: center; + justify-content: space-between; + + .block-title { + font-size: 1.25rem; + font-weight: 600; + display: inline-flex; + align-items: center; + + .badge-free { + border-radius: 4px; + padding: .25rem .5rem; + background-color: var(--orange-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: .875rem; + } + + .badge-new { + border-radius: 4px; + padding: .25rem .5rem; + background-color: var(--green-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: .875rem; + } + } + + .block-actions { + display: flex; + align-items: center; + justify-content: space-between; + user-select: none; + + a { + display: flex; + align-items: center; + margin-right: .75rem; + padding: .5rem 1rem; + border-radius: 4px; + border: 1px solid transparent; + transition: background-color .2s; + cursor: pointer; + color: var(--text-color); + + &:last-child { + margin-right: 0; + } + + &:not(.block-action-disabled):hover { + background-color: var(--surface-c); + } + + &.block-action-active { + border-color: var(--primary-color); + color: var(--primary-color); + } + + &.block-action-copy { + i { + color: var(--primary-color); + font-size: 1.25rem; + } + } + + &.block-action-disabled { + opacity: .6; + pointer-events: none; + cursor: auto !important; + } + + .pi-lock { + margin-right: .5rem; + } + } + } +} + +.block-content { + padding: 0; + border:1px solid var(--surface-d); + border-top: 0 none; + + > div { + display: none; + + &.block-content-active { + display: block; + } + } +} + +.block-section pre[class*="language-"] { + margin: 0 !important; + + &:before, &:after { + display: none !important; + } + + code { + border-left: 0 none !important; + box-shadow: none !important; + background: var(--surface-e) !important; + margin: 0; + color: var(--text-color); + font-size: 14px; + padding: 1.5rem 2rem !important; + } +} + +@media screen and (max-width: 575px) { + .block-header { + flex-direction: column; + align-items: start; + + .block-actions { + margin-top: 1rem; + } + } +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_chronoline.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_chronoline.scss new file mode 100644 index 0000000..2be8e31 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_chronoline.scss @@ -0,0 +1,33 @@ +.custom-marker { + display: flex; + width: 2rem; + height: 2rem; + align-items: center; + justify-content: center; + color: #ffffff; + border-radius: 50%; + z-index: 1; +} + +.ui-chronoline-event-content, +.ui-chronoline-event-opposite { + line-height: 1; +} + +@media screen and (max-width: 960px) { + .customized-chronoline .ui-chronoline-event:nth-child(even) { + flex-direction: row !important; + } + + .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { + text-align: left !important; + } + + .customized-chronoline .ui-chronoline-event-opposite { + flex: 0; + } + + .customized-chronoline .ui-card { + margin-top: 1rem; + } +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_common.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_common.scss new file mode 100644 index 0000000..cc053d1 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_common.scss @@ -0,0 +1,122 @@ +.order-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.order-delivered { + background: #ACEBB4; + color: #348861; + } + + &.order-cancelled { + background: #FABD9A; + color:#AD342B; + } + + &.order-pending { + background: #F8D895; + color: #A76927; + } + + &.order-returned { + background: #EFB8E5; + color: #833F91; + } +} + +.product-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + text-align: center; + + &.status-instock { + background: #ACEBB4; + color: #348861; + } + + &.status-outofstock { + background: #FABD9A; + color:#AD342B; + } + + &.status-lowstock { + background: #F8D895; + color: #A76927; + } +} + +.customer-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.status-qualified { + background: #ACEBB4; + color: #348861; + } + + &.status-unqualified { + background: #FABD9A; + color:#AD342B; + } + + &.status-negotiation { + background: #F8D895; + color: #A76927; + } + + &.status-new { + background: #9BF2F7; + color: #2B7AA4; + } + + &.status-renewal { + background: #EFB8E5; + color: #833F91; + } + + &.status-proposal { + background: #FFD8B2; + color: #805B36; + } +} + +.filter-container { + .ui-inputtext { + width: 400px; + } +} + +.ui-selection-column { + width: 2rem; +} + +@media (max-width: 640px) { + .filter-container { + width: 100%; + margin-top: .5rem; + } + + .filter-container .ui-inputtext { + width: 100%; + } + + .ui-selection-column { + width: auto; + text-align: center; + + .ui-column-title { + display: none !important; + } + } +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_crud.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_crud.scss new file mode 100644 index 0000000..f1fb3cf --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_crud.scss @@ -0,0 +1,68 @@ +.crud-demo { + .ui-datatable { + margin-top: 1rem; + } + + .product-image { + width: 100px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + } + + .ui-dialog .product-image { + width: 250px; + margin: 0 auto 2rem auto; + display: block; + } + + .ui-dialog-footer .ui-button { + min-width: 6rem; + } + + .ui-datatable .ui-column-filter { + display: none; + } + + .products-table-header { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + @include flex-wrap(wrap); + } + + .edit-button.ui-button { + margin-right: .5rem; + } + + .orders-subtable { + padding: 1rem; + } + + .products-table { + > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) { + width: 2rem; + } + + .ui-rating { + display: inline-block; + } + } +} + +@media (max-width: 640px) { + .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2), + .products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) { + .ui-column-title { + display: none !important; + } + } + + .products-buttonbar { + @include flex-direction-column(); + + > div { + &:last-child { + margin-top: .5rem; + } + } + } +} diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_documentation.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_documentation.scss new file mode 100644 index 0000000..0fd58ec --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_documentation.scss @@ -0,0 +1,3 @@ +.docs li { + line-height: 1.5; +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_floatlabel.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_floatlabel.scss new file mode 100644 index 0000000..b2efe11 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_floatlabel.scss @@ -0,0 +1,5 @@ +.floatlabel-demo { + .field { + margin-top: 2rem; + } +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_icons.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_icons.scss new file mode 100644 index 0000000..9d13994 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_icons.scss @@ -0,0 +1,11 @@ +.icons-demo { + .icons-list { + text-align: center; + color: $textShade200; + } + + .icons-list i { + font-size: 1.5rem; + margin-bottom: .5rem; + } +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_list.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_list.scss new file mode 100644 index 0000000..0f1925f --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_list.scss @@ -0,0 +1,120 @@ +.list-demo { + .product-name { + font-size: 1.5rem; + font-weight: 700; + } + + .product-description { + margin: 0 0 1rem 0; + } + + .product-category-icon { + vertical-align: middle; + margin-right: .5rem; + } + + .product-category { + font-weight: 600; + vertical-align: middle; + } + + .product-list-item { + @include flex(); + @include flex-align-center(); + padding: 1rem; + + img { + width: 150px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin-right: 2rem; + } + + .product-list-detail { + flex: 1 1 0; + -ms-flex: 1 1 0px; + } + + .ui-rating { + margin: 0 0 .5rem 0; + } + + .product-price { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: .5rem; + align-self: flex-end; + } + + .product-list-action { + @include flex(); + @include flex-direction-column(); + } + + .ui-button { + margin-bottom: .5rem; + } + + } + + .product-grid-item { + border: 1px solid $dividerColor; + box-shadow: none; + + .product-grid-item-top, + .product-grid-item-bottom { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + } + + img { + width: 75%; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin: 2rem 0; + } + + .product-grid-item-content { + text-align: center; + } + + .product-price { + font-size: 1.5rem; + font-weight: 600; + } + } +} + +@media screen and (max-width: $phoneBreakpoint) { + .list-demo { + .product-list-item { + @include flex-direction-column(); + @include flex-align-center(); + + img { + width: 75%; + margin: 2rem 0; + } + + .product-list-detail { + text-align: center; + } + + .product-price { + align-self: center; + } + + .product-list-action { + @include flex(); + @include flex-direction-column(); + } + + .product-list-action { + margin-top: 2rem; + @include flex-direction-row(); + @include flex-justify-between(); + @include flex-align-center(); + width: 100%; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_messages.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_messages.scss new file mode 100644 index 0000000..b2c6a98 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_messages.scss @@ -0,0 +1,9 @@ +.messages-demo { + .ui-button.ui-widget { + min-width: 6rem; + } + + .field > label { + width: 125px; + } +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_misc.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_misc.scss new file mode 100644 index 0000000..5d6a820 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_misc.scss @@ -0,0 +1,39 @@ +.misc-demo { + .ui-button.ui-widget { + min-width: 6rem; + } + + .badges .ui-badge, + .badges .ui-tag { + margin-right: .5rem; + } + + .ui-chip.custom-chip { + background: var(--primary-color); + color: var(--primary-color-text); + } + + .custom-scrolltop { + width: 2rem; + height: 2rem; + border-radius: 4px; + background-color: var(--primary-color); + } + .custom-scrolltop:hover { + background-color: var(--primary-color); + } + + .custom-scrolltop .ui-scrolltop-icon { + font-size: 1rem; + color: var(--primary-color-text); + } + + .custom-skeleton { + border: 1px solid var(--surface-d); + border-radius: 4px; + } + + .custom-skeleton ul { + list-style: none; + } +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_syntax.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_syntax.scss new file mode 100644 index 0000000..9c0a20a --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_syntax.scss @@ -0,0 +1,244 @@ +/** +* prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML +* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); +* @author Tim Shedor +*/ + +code[class*="language-"], +pre[class*="language-"] { + color: black; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +/* Code blocks */ +pre[class*="language-"] { + position: relative; + margin: .5em 0; + overflow: visible; + padding: 0; +} +pre[class*="language-"]>code { + position: relative; + border-left: 10px solid #358ccb; + box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; + background-color: #fdfdfd; + background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); + background-size: 3em 3em; + background-origin: content-box; + background-attachment: local; +} + +code[class*="language"] { + max-height: inherit; + padding: 0 1em; + display: block; + overflow: auto; +} + +/* Margin bottom to accomodate shadow */ +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background-color: #fdfdfd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 1em; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + position: relative; + padding: .2em; + border-radius: 0.3em; + color: #c92c2c; + border: 1px solid rgba(0, 0, 0, 0.1); + display: inline; + white-space: normal; +} + +pre[class*="language-"]:before, +pre[class*="language-"]:after { + content: ''; + z-index: -2; + display: block; + position: absolute; + bottom: 0.75em; + left: 0.18em; + width: 40%; + height: 20%; + max-height: 13em; + box-shadow: 0px 13px 8px #979797; + -webkit-transform: rotate(-2deg); + -moz-transform: rotate(-2deg); + -ms-transform: rotate(-2deg); + -o-transform: rotate(-2deg); + transform: rotate(-2deg); +} + +:not(pre) > code[class*="language-"]:after, +pre[class*="language-"]:after { + right: 0.75em; + left: auto; + -webkit-transform: rotate(2deg); + -moz-transform: rotate(2deg); + -ms-transform: rotate(2deg); + -o-transform: rotate(2deg); + transform: rotate(2deg); +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #7D8B99; +} + +.token.punctuation { + color: #5F6364; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.function-name, +.token.constant, +.token.symbol, +.token.deleted { + color: #c92c2c; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.function, +.token.builtin, +.token.inserted { + color: #2f9c0a; +} + +.token.operator, +.token.entity, +.token.url, +.token.variable { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.atrule, +.token.attr-value, +.token.keyword, +.token.class-name { + color: #1990b8; +} + +.token.regex, +.token.important { + color: #e90; +} + +.language-css .token.string, +.style .token.string { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} + +.token.important { + font-weight: normal; +} + +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.namespace { + opacity: .7; +} + +@media screen and (max-width: 767px) { + pre[class*="language-"]:before, + pre[class*="language-"]:after { + bottom: 14px; + box-shadow: none; + } + +} + +/* Plugin styles */ +.token.tab:not(:empty):before, +.token.cr:before, +.token.lf:before { + color: #e0d7d1; +} + +/* Plugin styles: Line Numbers */ +pre[class*="language-"].line-numbers { + padding-left: 0; +} + +pre[class*="language-"].line-numbers code { + padding-left: 3.8em; +} + +pre[class*="language-"].line-numbers .line-numbers-rows { + left: 0; +} + +/* Plugin styles: Line Highlight */ +pre[class*="language-"][data-line] { + padding-top: 0; + padding-bottom: 0; + padding-left: 0; +} +pre[data-line] code { + position: relative; + padding-left: 4em; +} +pre .line-highlight { + margin-top: 0; +} + +/* PrimeFaces styles */ +pre[class*="language-"] { + &:before, &:after { + display: none !important; + } + + code { + border-left: 6px solid var(--surface-border) !important; + box-shadow: none !important; + background: var(--surface-ground) !important; + margin: 1em 0; + color: var(--text-color); + } +} + +.language-css .token.string, +.style .token.string { + background: transparent; +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/css/pages/_table.scss b/src/main/resources/META-INF/resources/resources/demo/css/pages/_table.scss new file mode 100644 index 0000000..b584e5f --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/css/pages/_table.scss @@ -0,0 +1,21 @@ +.table-demo { + .ui-datatable .ui-column-filter { + display: none; + } + + .customers-table-header { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + @include flex-wrap(wrap); + } + +} + +@media (max-width: 640px) { + .table-demo { + .ui-progressbar { + margin-top: .5rem; + } + } +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/amyelsner.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/amyelsner.png new file mode 100644 index 0000000..f43f164 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/amyelsner.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/annafali.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/annafali.png new file mode 100644 index 0000000..b312fec Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/annafali.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/asiyajavayant.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/asiyajavayant.png new file mode 100644 index 0000000..545ca73 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/asiyajavayant.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/bernardodominic.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/bernardodominic.png new file mode 100644 index 0000000..e803b32 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/bernardodominic.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/elwinsharvill.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/elwinsharvill.png new file mode 100644 index 0000000..6045de8 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/elwinsharvill.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/ionibowcher.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/ionibowcher.png new file mode 100644 index 0000000..9bd6cdf Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/ionibowcher.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/ivanmagalhaes.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/ivanmagalhaes.png new file mode 100644 index 0000000..93f34cd Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/ivanmagalhaes.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/onyamalimba.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/onyamalimba.png new file mode 100644 index 0000000..14166c8 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/onyamalimba.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/profile.jpg b/src/main/resources/META-INF/resources/resources/demo/images/avatar/profile.jpg new file mode 100644 index 0000000..b8b6179 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/profile.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/stephenshaw.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/stephenshaw.png new file mode 100644 index 0000000..2ab291a Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/stephenshaw.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/avatar/xuxuefeng.png b/src/main/resources/META-INF/resources/resources/demo/images/avatar/xuxuefeng.png new file mode 100644 index 0000000..aa2f641 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/avatar/xuxuefeng.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/blocks/hero/hero-1.png b/src/main/resources/META-INF/resources/resources/demo/images/blocks/hero/hero-1.png new file mode 100644 index 0000000..18835ad Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/blocks/hero/hero-1.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/blocks/logos/hyper.svg b/src/main/resources/META-INF/resources/resources/demo/images/blocks/logos/hyper.svg new file mode 100644 index 0000000..acf30bc --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/blocks/logos/hyper.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/Audi.png b/src/main/resources/META-INF/resources/resources/demo/images/car/Audi.png new file mode 100644 index 0000000..a5a5d5d Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/Audi.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/BMW.png b/src/main/resources/META-INF/resources/resources/demo/images/car/BMW.png new file mode 100644 index 0000000..6779a37 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/BMW.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/Fiat.png b/src/main/resources/META-INF/resources/resources/demo/images/car/Fiat.png new file mode 100644 index 0000000..5e4c707 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/Fiat.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/Ford.png b/src/main/resources/META-INF/resources/resources/demo/images/car/Ford.png new file mode 100644 index 0000000..6e9b964 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/Ford.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/Honda.png b/src/main/resources/META-INF/resources/resources/demo/images/car/Honda.png new file mode 100644 index 0000000..7352d48 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/Honda.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/Jaguar.png b/src/main/resources/META-INF/resources/resources/demo/images/car/Jaguar.png new file mode 100644 index 0000000..9c6097d Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/Jaguar.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/Mercedes.png b/src/main/resources/META-INF/resources/resources/demo/images/car/Mercedes.png new file mode 100644 index 0000000..d2e6df6 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/Mercedes.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/Renault.png b/src/main/resources/META-INF/resources/resources/demo/images/car/Renault.png new file mode 100644 index 0000000..83b174e Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/Renault.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/Volkswagen.png b/src/main/resources/META-INF/resources/resources/demo/images/car/Volkswagen.png new file mode 100644 index 0000000..cd6ce01 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/Volkswagen.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/car/Volvo.png b/src/main/resources/META-INF/resources/resources/demo/images/car/Volvo.png new file mode 100644 index 0000000..48c4410 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/car/Volvo.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-image.jpg b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-image.jpg new file mode 100644 index 0000000..9241343 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-image.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-map.png b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-map.png new file mode 100644 index 0000000..8299e0b Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/asset-map.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-1.png b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-1.png new file mode 100644 index 0000000..62b486e Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-1.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-2.png b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-2.png new file mode 100644 index 0000000..36b9662 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-2.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-3.png b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-3.png new file mode 100644 index 0000000..d60b2ba Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-3.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-4.png b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-4.png new file mode 100644 index 0000000..8d6b620 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-4.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-5.png b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-5.png new file mode 100644 index 0000000..fb55240 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-5.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-6.png b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-6.png new file mode 100644 index 0000000..18fc019 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-6.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-7.png b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-7.png new file mode 100644 index 0000000..fe157ee Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/avatar/avatar-7.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-1.svg b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-1.svg new file mode 100644 index 0000000..02993be --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-1.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-2.svg b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-2.svg new file mode 100644 index 0000000..a96481b --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-2.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-3.svg b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-3.svg new file mode 100644 index 0000000..b0666d3 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-3.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-4.svg b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-4.svg new file mode 100644 index 0000000..fed5a77 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-4.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-5.svg b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-5.svg new file mode 100644 index 0000000..46e8717 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/mini-graph-5.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/dashboard/subtract.svg b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/subtract.svg new file mode 100644 index 0000000..eb50a7f --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/dashboard/subtract.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1.jpg new file mode 100644 index 0000000..1871130 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10.jpg new file mode 100644 index 0000000..2120049 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10s.jpg new file mode 100644 index 0000000..fce806c Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria10s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11.jpg new file mode 100644 index 0000000..98200b5 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11s.jpg new file mode 100644 index 0000000..8c2ec99 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria11s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12.jpg new file mode 100644 index 0000000..c11a2d6 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12s.jpg new file mode 100644 index 0000000..932fe79 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria12s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13.jpg new file mode 100644 index 0000000..7f9258a Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13s.jpg new file mode 100644 index 0000000..ec0a1bc Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria13s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14.jpg new file mode 100644 index 0000000..6ad39ac Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14s.jpg new file mode 100644 index 0000000..c13c4f7 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria14s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15.jpg new file mode 100644 index 0000000..773e0f8 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15s.jpg new file mode 100644 index 0000000..ecd518e Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria15s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1s.jpg new file mode 100644 index 0000000..e4bf005 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria1s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2.jpg new file mode 100644 index 0000000..f015d16 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2s.jpg new file mode 100644 index 0000000..f06145d Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria2s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3.jpg new file mode 100644 index 0000000..dfe588d Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3s.jpg new file mode 100644 index 0000000..c53d6d8 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria3s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4.jpg new file mode 100644 index 0000000..fc8ed45 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4s.jpg new file mode 100644 index 0000000..58c04a5 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria4s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5.jpg new file mode 100644 index 0000000..de544fa Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5s.jpg new file mode 100644 index 0000000..35c04c9 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria5s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6.jpg new file mode 100644 index 0000000..a13c395 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6s.jpg new file mode 100644 index 0000000..fe9a3f1 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria6s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7.jpg new file mode 100644 index 0000000..e36b801 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7s.jpg new file mode 100644 index 0000000..fdef61d Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria7s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8.jpg new file mode 100644 index 0000000..c346a49 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8s.jpg new file mode 100644 index 0000000..1786d91 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria8s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9.jpg new file mode 100644 index 0000000..62326d1 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9s.jpg b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9s.jpg new file mode 100644 index 0000000..ca8ca50 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/galleria/galleria9s.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/nature/nature.jpg b/src/main/resources/META-INF/resources/resources/demo/images/nature/nature.jpg new file mode 100644 index 0000000..b39b46c Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/nature/nature.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/bamboo-watch.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/bamboo-watch.jpg new file mode 100644 index 0000000..dbff9ed Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/bamboo-watch.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/black-watch.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/black-watch.jpg new file mode 100644 index 0000000..03f8bd4 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/black-watch.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/blue-band.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/blue-band.jpg new file mode 100644 index 0000000..3b84a9a Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/blue-band.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/blue-t-shirt.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/blue-t-shirt.jpg new file mode 100644 index 0000000..3287ead Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/blue-t-shirt.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/bracelet.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/bracelet.jpg new file mode 100644 index 0000000..6177665 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/bracelet.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/brown-purse.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/brown-purse.jpg new file mode 100644 index 0000000..0411571 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/brown-purse.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/chakra-bracelet.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/chakra-bracelet.jpg new file mode 100644 index 0000000..29f4771 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/chakra-bracelet.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/galaxy-earrings.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/galaxy-earrings.jpg new file mode 100644 index 0000000..ad0b1b1 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/galaxy-earrings.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/game-controller.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/game-controller.jpg new file mode 100644 index 0000000..6d309ee Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/game-controller.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/gaming-set.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/gaming-set.jpg new file mode 100644 index 0000000..9fdbe6c Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/gaming-set.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/gold-phone-case.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/gold-phone-case.jpg new file mode 100644 index 0000000..7671968 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/gold-phone-case.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/green-earbuds.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/green-earbuds.jpg new file mode 100644 index 0000000..7813105 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/green-earbuds.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/green-t-shirt.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/green-t-shirt.jpg new file mode 100644 index 0000000..fdb70a7 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/green-t-shirt.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/grey-t-shirt.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/grey-t-shirt.jpg new file mode 100644 index 0000000..5b6d78a Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/grey-t-shirt.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/headphones.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/headphones.jpg new file mode 100644 index 0000000..5f9f31d Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/headphones.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/light-green-t-shirt.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/light-green-t-shirt.jpg new file mode 100644 index 0000000..2fb6219 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/light-green-t-shirt.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/lime-band.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/lime-band.jpg new file mode 100644 index 0000000..5627c6b Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/lime-band.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/mini-speakers.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/mini-speakers.jpg new file mode 100644 index 0000000..8883aa2 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/mini-speakers.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/painted-phone-case.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/painted-phone-case.jpg new file mode 100644 index 0000000..5da5f00 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/painted-phone-case.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/pink-band.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/pink-band.jpg new file mode 100644 index 0000000..50124ad Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/pink-band.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/pink-purse.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/pink-purse.jpg new file mode 100644 index 0000000..a5e864f Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/pink-purse.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/purple-band.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/purple-band.jpg new file mode 100644 index 0000000..17523fe Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/purple-band.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/purple-gemstone-necklace.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/purple-gemstone-necklace.jpg new file mode 100644 index 0000000..a40d4b3 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/purple-gemstone-necklace.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/purple-t-shirt.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/purple-t-shirt.jpg new file mode 100644 index 0000000..12d75f1 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/purple-t-shirt.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/shoes.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/shoes.jpg new file mode 100644 index 0000000..efc7aca Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/shoes.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/sneakers.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/sneakers.jpg new file mode 100644 index 0000000..53f66dc Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/sneakers.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/teal-t-shirt.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/teal-t-shirt.jpg new file mode 100644 index 0000000..749ae9d Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/teal-t-shirt.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/yellow-earbuds.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/yellow-earbuds.jpg new file mode 100644 index 0000000..1bfc87a Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/yellow-earbuds.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-mat.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-mat.jpg new file mode 100644 index 0000000..18d9564 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-mat.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-set.jpg b/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-set.jpg new file mode 100644 index 0000000..734ba58 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/product/yoga-set.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/asset-weather.png b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/asset-weather.png new file mode 100644 index 0000000..dbf8f36 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/asset-weather.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/aws.svg b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/aws.svg new file mode 100644 index 0000000..f69cbcf --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/aws.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/github.svg b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/github.svg new file mode 100644 index 0000000..aaae676 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/github.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/icon-sun.svg b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/icon-sun.svg new file mode 100644 index 0000000..84e52c9 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/icon-sun.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jenkins.svg b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jenkins.svg new file mode 100644 index 0000000..8a2835b --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jenkins.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jira.svg b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jira.svg new file mode 100644 index 0000000..0fcb47d --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/jira.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-1.png b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-1.png new file mode 100644 index 0000000..57c8e61 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-1.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-2.png b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-2.png new file mode 100644 index 0000000..98a2144 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-2.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-3.png b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-3.png new file mode 100644 index 0000000..32fbb7c Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-3.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-4.png b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-4.png new file mode 100644 index 0000000..753ecf8 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/profile-4.png differ diff --git a/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/slack.svg b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/slack.svg new file mode 100644 index 0000000..799c686 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/demo/images/rightpanel/slack.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.css b/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.css new file mode 100644 index 0000000..ca9fac2 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.css @@ -0,0 +1,4257 @@ +/* Add your customizations of the layout variables here */ +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + -webkit-animation-name: modal-in; + animation-name: modal-in; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 24px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #383838; + 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; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 14px; + font-weight: 400; + color: #EAEBEC; + padding: 0; + margin: 0; + min-height: 100%; + background-color: #3E4754; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +body.blocked-scroll { + overflow: auto; +} + +a { + text-decoration: none; + color: #669cee; + color: var(--primary-color); +} + +.ajax-loader { + font-size: 32px; + color: #387fe9; + color: var(--primary-color); +} + +.layout-main { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; + padding-top: 82px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-content { + padding: 30px 36px; + flex: 1 1 auto; +} + +@media (max-width: 991px) { + .layout-content { + padding: 32px 14px; + } +} +.layout-topbar-light .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #303A48; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #FFFFFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #f8fafc; + border: 1px solid #ebedef; + color: #669cee; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #669cee; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #293241; + opacity: 0.5; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: white; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #5d97ed; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #5d97ed; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #EAEBEC; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(56, 127, 233, 0.8); + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #BFC2C6; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #EAEBEC; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #BFC2C6; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #293241; + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.layout-topbar-dark .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #303A48; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #FFFFFF; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #293241; + box-shadow: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #333e51; + border: 1px solid #333e51; + color: #94baf3; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #94baf3; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #E9E9E9; + opacity: 0.5; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: #333e51; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #5d97ed; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #5d97ed; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(56, 127, 233, 0.8); + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #E9E9E9; + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.menu-wrapper { + height: 100%; + position: fixed; + top: 0; + z-index: 999; + left: 0; +} +.menu-wrapper .sidebar-logo { + height: 62px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: center; + align-items: center; + padding: 0 22px; + padding-right: 20px; +} +.menu-wrapper .sidebar-logo .sidebar-pin { + display: none; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; +} +.menu-wrapper .sidebar-logo img { + width: 17px; + height: 20px; + border: 0 none; +} +.menu-wrapper .layout-menu-container { + height: calc(100% - 62px); +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + max-width: 62px; + overflow: hidden; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a { + position: relative; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a::before { + content: ""; + width: 4px; + height: 12px; + display: block; + border-radius: 0px 3px 3px 0px; + position: absolute; + left: 0; +} +.menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + margin-left: 6px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 10px 0; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + font-size: 13px; + padding: 6px 20px; + user-select: none; + cursor: pointer; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > span { + margin: 0 8px; + margin-left: 14px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: hidden; + white-space: nowrap; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i { + font-size: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon i { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: none; + list-style-type: none; + overflow: hidden; + padding: 0; + margin: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > a { + padding: 10px 18px; + margin-left: 0px; + padding-right: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} + +@media (min-width: 992px) { + .layout-wrapper.layout-sidebar .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-sidebar .layout-main { + padding-left: 62px; + } + .layout-wrapper.layout-static .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo { + justify-content: space-between; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo img { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .app-name { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin { + display: inline-block; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; + border: 2px solid var(--primary-light-color); + background-color: #383838; + background-color: var(--primary-lighter-color); + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-static .layout-main { + padding-left: 230px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; + } + + .menu-wrapper.layout-sidebar-active { + transform: translate3d(0px, 0px, 0px); + } + .menu-wrapper.layout-sidebar-active .sidebar-logo { + justify-content: space-between; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo img { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .app-name { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin { + display: inline-block; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #383838; + } + .menu-wrapper.layout-sidebar-active .layout-menu { + max-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li { + min-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li a { + padding-left: 20px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li a { + padding-left: 30px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .menu-wrapper.layout-sidebar-active .layout-menu-container { + overflow: auto; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 62px; + z-index: 1010; + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transform: translate3d(-230px, 0px, 0px); + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper .menu-wrapper .layout-menu-container .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu-container { + overflow: auto; + } + .layout-wrapper.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + display: block; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 0px; + width: 100%; + height: 62px; + position: relative; + } + .layout-wrapper.layout-horizontal .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + height: 100%; + display: flex; + align-items: center; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + max-width: 100%; + overflow: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + margin: 0 9px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a { + margin: 0px; + padding: 10px 5px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a:before { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > span { + margin: 0 8px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i { + font-size: 14px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + list-style-type: none; + top: 44px; + left: 0px; + width: 230px; + position: absolute; + padding: 10px; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 460px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + border: 0 none; + margin: 0; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button-wrapper .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-slim .menu-wrapper { + width: 62px; + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container { + padding: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu { + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + display: none; + padding: 0 0.412px; + position: absolute; + left: 72px; + top: 16px; + line-height: 1; + border-radius: 2px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + padding: 6px 8px; + font-weight: 500; + min-width: 75px; + white-space: nowrap; + text-align: center; + -webkit-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + -moz-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + top: 50%; + left: -4px; + margin-top: -5px; + border-width: 5px 5px 5px 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + padding: 10px 12px 10px 14px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin: 0px; + padding: 6px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + position: relative; + border: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:before { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a span { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + margin-right: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i.layout-submenu-toggler { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .menuitem-badge { + display: none; + margin-left: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip { + display: block; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + position: absolute; + top: 0; + left: 62px; + min-width: 250px; + max-height: 450px; + display: none; + padding: 10px; + overflow: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li { + margin: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + padding: 10px 5px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > span { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-slim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-slim .layout-main { + padding-left: 62px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #293241; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #293241; + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); +} +@media (min-width: 992px) { + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } +} +@media (max-width: 991px) { + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #ffffff; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #ffffff; + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); +} +@media (min-width: 992px) { + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } +} +@media (max-width: 991px) { + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #387fe9; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #387fe9; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(56, 127, 233, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(56, 127, 233, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 62px; + height: calc(100% - 62px); + padding: 0; + width: 418px; + overflow: auto; + background-color: #303A48; + transform: translate3d(418px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + padding: 22px 20px 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section { + padding: 16px 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header > h6 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + background-image: url("#{resource['demo:images/rightpanel/asset-weather.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + -moz-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + color: rgba(41, 50, 65, 0.8); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather > img { + height: 60px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info { + margin-left: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h6 { + margin: 0 0 2px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h1 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul { + padding: 0; + margin: 0; + list-style: none; + overflow: auto; + max-height: 320px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li { + padding: 16px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-color: #293241; + margin-bottom: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info h6 { + color: #FFFFFF; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info > span { + display: block; + font-weight: 500; + font-size: 14px; + line-height: 140%; + color: #BFC2C6; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done { + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done .task-info h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; + margin: -7px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + width: 80px; + height: 80px; + background-color: #293241; + margin: 7px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item:hover { + background-color: #3E4754; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + width: 80px; + height: 80px; + margin: 7px; + border: 1px dashed #383838; + color: #383838; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item:hover { + background-color: #3E4754; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section { + margin-top: 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + background-image: linear-gradient(180deg, #303A48 0%, rgba(234, 237, 243, 0) 100%); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + background-color: #293241; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #293241; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 576px) { + .layout-rightpanel { + width: 100%; + transform: translate3d(100%, 0px, 0px); + } +} +.layout-footer { + padding: 30px 36px; +} +.layout-footer .footer-menutitle { + color: #BFC2C6; + font-weight: 600; + font-size: 12px; + line-height: 14px; + min-height: 15px; + display: block; + margin-bottom: 9px; +} +.layout-footer .footer-subtitle { + font-weight: 500; + font-size: 14px; + display: block; + color: #BFC2C6; +} +.layout-footer ul { + padding: 0; + margin: 0; + list-style: none; +} +.layout-footer ul > li { + padding: 7px 0; +} +.layout-footer ul > li > a { + color: #EAEBEC; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer ul > li > a:hover { + color: #BFC2C6; +} +.layout-footer .newsletter-input { + margin-top: 16px; + background-color: #293241; + position: relative; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.layout-footer .newsletter-input > input { + width: 100%; + background-color: transparent; + border: none; + padding: 11px 16px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + font-size: 14px; + line-height: 200%; +} +.layout-footer .newsletter-input > button { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + position: absolute; + right: 6px; + top: 50%; + margin-top: -16px; +} +.layout-footer .newsletter-input > button > span { + display: block; + padding: 0; + width: 100%; + font-weight: 600; + font-size: 14px; +} +.layout-footer .footer-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .footer-bottom h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.layout-footer .footer-bottom h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + background: #293241; + padding: 20px; + box-sizing: border-box; + box-shadow: 0 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 16px; +} +.card .card-header h6 { + margin-bottom: 2px; +} +.card .card-header .subtitle { + font-weight: 600; + color: #BFC2C6; +} +.card .card-subtitle { + color: #BFC2C6; + font-weight: 600; + margin: -1rem 0 1rem 0; +} +.card.no-gutter { + margin-bottom: 0; +} + +.sr-only { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.ui-text-secondary { + color: #BFC2C6; +} + +.layout-wrapper .layout-ajax-loader { + position: absolute; + right: 15px; + bottom: 70px; +} +.layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon { + color: red; + font-size: 32px; +} + +.layout-dashboard .chart { + overflow: auto; + position: relative; +} +.layout-dashboard .mobile-teams { + display: none; +} + +@media (max-width: 1200px) { + .layout-dashboard .desktop-teams { + display: none; + } + .layout-dashboard .mobile-teams { + display: block; + } + .layout-dashboard .mobile-teams .team { + height: 100%; + flex-direction: column; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .layout-dashboard .mobile-teams .team .peoples { + margin: 12px -8px; + } +} +.overview-box { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: 24px; + height: 100%; + min-width: 200px; +} +.overview-box .overview-info > h6 { + margin: 0 0 2px; +} +.overview-box .overview-info > h1 { + margin: 0; +} +.overview-box > i { + font-size: 24px; +} +.overview-box.white { + background: #FFFFFF; + color: rgba(41, 50, 65, 0.8); +} +.overview-box.blue { + background: #69B7FF; + color: #FFFFFF; +} +.overview-box.gray { + background: rgba(41, 50, 65, 0.4); + color: #FFFFFF; +} +.overview-box.darkgray { + background: rgba(41, 50, 65, 0.8); + color: #FFFFFF; +} +.overview-box.orange { + background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%); + color: #FFFFFF; +} + +.timeline { + padding-right: 4px; +} +.timeline > ul { + padding: 0; + margin: 0; + list-style: none; + max-height: 372px; + overflow: auto; + margin-bottom: 1em; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; +} +.timeline > ul > li > i { + font-size: 8px; + margin-right: 10px; + margin-top: 4px; +} +.timeline > ul > li .event-content span { + display: block; + margin-bottom: 4px; + font-weight: 600; + font-size: 12px; + color: #BFC2C6; +} +.timeline > ul > li .event-content span.event-title { + color: #FFFFFF; +} +.timeline > ul > li .event-content span.time { + font-size: 10px; + font-weight: 400; + color: #BFC2C6; +} +.timeline > ul > li.blue > i { + color: #297FFF; +} +.timeline > ul > li.green > i { + color: #34B56F; +} +.timeline > ul > li.orange > i { + color: #FFA928; +} + +.device-status .content { + color: #BFC2C6; + line-height: 1.4; + margin-bottom: 20px; +} +.device-status .progress { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 10px 0; + color: #BFC2C6; +} +.device-status .progress > span { + min-width: 40px; +} +.device-status .progress .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress .ui-progressbar .ui-progressbar-value { + background: rgba(41, 127, 255, 0.2); + background: var(--primary-color); + opacity: 0.8; + border-radius: 24px; +} +.device-status .progress.active .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress.active .ui-progressbar .ui-progressbar-value { + background: linear-gradient(270deg, #42BBFF 0%, #6129FF 100%); + background: linear-gradient(270deg, var(--primary-lighter-color) 0%, var(--primary-color) 100%); + opacity: 0.8; +} +.device-status .device { + margin-bottom: 16px; +} +.device-status .device span { + color: #387fe9; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.device-status .device span > span { + font-size: 8px; + font-weight: normal; +} +.device-status .device span.status { + font-size: 12px; + color: #BFC2C6; + margin-top: 4px; + display: block; +} + +.team { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.team .card-header { + padding: 0; + min-width: 70px; +} +.team .peoples { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; +} +.team .peoples > img { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; +} +.team .peoples .no-picture { + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; + background: rgba(41, 50, 65, 0.1); + color: #EAEBEC; + font-size: 12px; + -moz-transition: background 0.2s; + -o-transition: background 0.2s; + -webkit-transition: background 0.2s; + transition: background 0.2s; +} +.team .peoples .no-picture:hover { + background: rgba(41, 50, 65, 0.2); +} + +.map { + padding: 0; +} +.map > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.map .map-content { + padding: 50px 20px 28px; +} +.map .map-content h6 { + margin: 0 0 16px; +} +.map .map-content .city { + margin-bottom: 16px; +} +.map .map-content .city span { + color: #387fe9; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.map .map-content .city span > span { + font-size: 8px; + font-weight: normal; +} +.map .map-content .city span.status { + font-size: 12px; + color: #BFC2C6; + margin-top: 4px; + display: block; +} + +.schedule > p { + color: #BFC2C6; +} +.schedule > ul { + list-style: none; + padding: 0; + margin: 0; +} +.schedule > ul > li { + background: #3E4754; + border-radius: 8px; + margin-bottom: 10px; + padding: 5px 16px 12px; +} +.schedule > ul > li .schedule-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.schedule > ul > li .schedule-header h6 { + line-height: 24px; + margin: 0; +} +.schedule > ul > li .schedule-header span { + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.schedule > ul > li > span { + margin-top: 4px; + color: #BFC2C6; + display: block; + font-size: 12px; + line-height: 14px; +} + +.statistics .statistic-item .item-title { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 4px; +} +.statistics .statistic-item .item-title span { + display: block; + margin-right: 12px; +} +.statistics .statistic-item .item-title h5 { + margin: 0; + font-weight: 700; +} +.statistics .statistic-item h6 { + margin: 0; + font-weight: 600; + color: #BFC2C6; +} + +.stocks ul { + list-style: none; + padding: 0; + margin: 0; +} +.stocks ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #303A48; + padding: 0; + margin: 0 0 12px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + overflow: hidden; +} +.stocks ul > li .stock-name { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #374250; + padding: 18px 10px; + min-width: 70px; + margin-right: 4px; +} +.stocks ul > li .stock-name h6 { + margin: 0; + color: #EAEBEC; + line-height: 17px; + font-weight: 600; +} +.stocks ul > li > img { + margin: 0 4px; + height: 25px; +} +.stocks ul > li .stock-price { + padding: 0 10px; + color: #34B56F; + margin: 0 4px; +} +.stocks ul > li .stock-price h6 { + line-height: 17px; + font-weight: 600; + display: inline-block; +} +.stocks ul > li .stock-price i { + display: inline-block; +} +.stocks ul > li .stock-status { + margin-left: 4px; + padding: 0 20px; +} +.stocks ul > li .stock-status span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 12px; + color: #BFC2C6; +} +.stocks ul > li.down .stock-price { + color: #FF6E49; +} +.stocks ul > li.same .stock-price { + color: #FFA928; +} +.stocks > .ui-button { + width: 100%; + margin-top: 30px; +} + +.operations { + overflow: auto; + position: relative; +} +.operations .insights { + padding: 16px 15px; + background-color: rgba(41, 127, 255, 0.04); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + margin: 12px 0 16px; +} +.operations .insights .insight-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; +} +.operations .insights .insight-header h6 { + margin: 0 6px; +} +.operations .insights > ul { + list-style: none; + padding: 0; + margin: 0; +} +.operations .insights > ul > li { + margin: 8px 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + color: #BFC2C6; +} +.operations .insights > ul > li span { + font-weight: 600; +} +.operations .insights > ul > li span > span { + font-size: 8px; + line-height: 10px; + font-weight: normal; +} +.operations > button { + width: 100%; +} + +.notification { + padding: 30px 24px; + background-color: #293241; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.notification > h6 { + margin: 0; + color: #EAEBEC; +} +.notification > h6 > a { + margin-left: 10px; +} +.notification > h6 > a i { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav { + background-color: transparent; + margin: 0 -10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav:before { + display: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header { + padding: 9px 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin: 0 10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a { + position: relative; + width: 52px; + height: 52px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #D0D6DD; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + color: #387fe9; + color: var(--primary-color); + border: 0 none; + overflow: visible; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a img { + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a .ui-badge { + position: absolute; + bottom: -5px; + right: -5px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active { + padding: 0 0 9px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active a { + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.16), 0px 1px 2px rgba(41, 50, 65, 0.04), 0px 6px 12px rgba(41, 50, 65, 0.24); + border: 0 none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:before { + content: ""; + width: 12px; + height: 2px; + background: #387fe9; + background: var(--primary-color); + border-radius: 3px; + position: absolute; + bottom: -10px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-hover { + border: none; + padding: 0 0 9px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels { + background-color: transparent; + border: none; + padding: 16px 0 0; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + padding: 0; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 44px; + background-image: linear-gradient(180deg, #293241 0%, rgba(234, 237, 243, 0) 100%); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; + overflow: auto; + padding: 30px 6px 12px; + flex: 1 1 auto; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message { + display: -ms-flexbox; + display: flex; + flex-direction: column; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .name { + display: block; + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + max-width: 250px; + padding: 8px 10px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + background-color: #303A48; + margin-bottom: 8px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message p { + padding: 0; + margin: 0 0 2px; + color: #EAEBEC; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 14px; + color: #BFC2C6; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send { + -ms-flex-align: end; + align-items: flex-end; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send .message span { + text-align: right; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message h4 { + color: #BFC2C6; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + flex: 1 1 auto; + max-height: 400px; + overflow: auto; + padding: 0px 0 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul { + padding: 0; + margin: 0; + list-style: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 6px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + cursor: pointer; + padding: 8px 10px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li img { + margin-right: 12px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li h6 { + margin: 0 0 2px; + color: #EAEBEC; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li span { + display: block; + color: #BFC2C6; + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #303A48; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input { + margin-top: 30px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 100%; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 20px 19px; + background-color: #3E4754; + border: none; +} + +.image-card { + padding: 0; + position: relative; +} +.image-card > span { + position: absolute; + right: 20px; + top: 20px; +} +.image-card > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.image-card .image-content { + padding: 32px 20px 28px; +} +.image-card .image-content h6 { + margin: 0 0 8px; +} +.image-card .image-content > p { + color: #BFC2C6; +} +.image-card .image-content > button { + margin-top: 32px; + width: 100%; +} + +.login-body { + background: #FFFFFF; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; + height: 100vh; +} +.login-body .login-wrapper .login-panel { + width: 30%; + height: 100%; + text-align: center; + padding: 40px 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 100%; +} +.login-body .login-wrapper .login-panel .logo { + margin-bottom: 50px; +} +.login-body .login-wrapper .login-panel .logo img { + width: 45px; + height: 53px; +} +.login-body .login-wrapper .login-panel > a { + font-weight: 500; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > p { + font-weight: 500; + margin: 0; + color: rgba(41, 50, 65, 0.5); + margin-top: 40px; +} +.login-body .login-wrapper .login-panel > p > a { + color: #387fe9; + cursor: pointer; +} +.login-body .login-wrapper .login-panel > input { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + background-color: #F6F7F7; + border: 1.2px solid #D4D6D9; + color: #515C66; + padding: 12px 10px; +} +.login-body .login-wrapper .login-panel > input::placeholder { + color: gba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > button { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + padding: 0; +} +.login-body .login-wrapper .login-panel > button > span { + padding: 15px 20px; + display: block; + font-weight: 600; + font-size: 14px; + line-height: 16px; +} +.login-body .login-wrapper .login-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.login-body .login-wrapper .login-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.login-body .login-wrapper .login-footer h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +.exception-body .exception-topbar { + height: 62px; + background-color: #293241; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0 16px; +} +.exception-body .exception-topbar .layout-topbar-logo > img { + height: 15px; +} +.exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body .exception-wrapper .exception-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 auto; +} +.exception-body .exception-wrapper .exception-content > span { + font-weight: normal; + font-size: 60px; + line-height: 73px; + text-align: center; + display: block; +} +.exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.exception-body .exception-wrapper .exception-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.exception-body .exception-wrapper .exception-footer h6 { + line-height: 17px; + margin: 0; + color: #BFC2C6; + font-weight: 500; +} +.exception-body.notfound .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body.notfound .exception-wrapper .exception-content { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + flex: 1 1 auto; +} +.exception-body.notfound .exception-wrapper .exception-content img { + width: 332px; + height: 271px; + margin-bottom: -150px; +} +.exception-body.notfound .exception-wrapper .exception-content > span { + font-size: 140px; + line-height: 171px; +} +.exception-body.notfound .exception-wrapper .exception-content > span.exception-subtitle { + font-weight: 500; + font-size: 14px; + line-height: 17px; + color: #BFC2C6; +} +.exception-body.notfound .exception-wrapper .exception-content > button { + padding: 0; + margin-top: 20px; + width: 155px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.exception-body.notfound .exception-wrapper .exception-content > button > span { + padding: 18px; + font-weight: 600; +} + +@media (max-width: 991px) { + .exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); + } + .exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + } +} +.landing-body { + background-color: #E5E5E5; +} +.landing-body .landing-topbar { + height: 83px; + background-color: #FFFFFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + z-index: 999; + padding: 20px 40px; + position: relative; +} +.landing-body .landing-topbar .landing-topbar-left { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-body .landing-topbar .landing-topbar-left .logo { + margin-right: 40px; +} +.landing-body .landing-topbar .landing-topbar-left .logo img { + height: 16px; + width: auto; +} +.landing-body .landing-topbar .landing-topbar-left > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li #landing-menu-close { + display: none; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a { + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin: 0 10px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a:hover { + color: #387fe9; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton { + margin-right: 20px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton:hover { + color: #387fe9; +} +.landing-body .landing-topbar .landing-topbar-right .landing-button span { + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button i { + font-size: 20px; +} +.landing-body .landing-button { + background: linear-gradient(108.43deg, #297FFF 12.5%, #7A0EE7 96.32%); + border: none; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-body .landing-button.ui-button { + padding: 0; +} +.landing-body .landing-button.ui-button > .ui-button-text { + padding: 14px 10px; + min-width: 121px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button > a .ui-button-text { + padding: 14px 10px; + min-width: 87px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button:hover { + background: linear-gradient(108.43deg, #2f79e7 12.5%, #781cd4 96.32%); +} +.landing-body .landing-banner { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 303px 30px 218px; + position: relative; + transform-style: inherit; + background: url("#{resource['freya-layout:images/pages/asset-landing-header.jpg']}"); + background-size: cover; + height: 80vh; +} +.landing-body .landing-banner .landing-banner-content { + text-align: center; + position: relative; +} +.landing-body .landing-banner .landing-banner-content .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: #FFFFFF; +} +.landing-body .landing-banner .landing-banner-content h3 { + margin: 40px 0 30px; + color: #FFFFFF; + font-weight: 500; + line-height: 29px; +} +.landing-body .section-header { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +.landing-body .section-header .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .section-header h3 { + margin: 15px 0 100px; + color: rgba(41, 50, 65, 0.9); + font-weight: 500; + line-height: 29px; + max-width: 800px; +} +.landing-body .landing-features { + background-color: #FFFFFF; + position: relative; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; + padding: 36px 6% 125px; +} +.landing-body .landing-features .lg\:col-3 { + transition: transform 250ms linear; + -webkit-transition: transform 250ms linear; +} +.landing-body .landing-features .feature { + display: -ms-flexbox; + display: flex; +} +.landing-body .landing-features .feature > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-top: 30px; + margin-right: 12px; +} +.landing-body .landing-features .feature .feature-card { + -moz-border-radius: 36px; + -webkit-border-radius: 36px; + border-radius: 36px; + padding: 28px 30px; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.landing-body .landing-features .feature .feature-card > span { + display: none; +} +.landing-body .landing-features .feature .feature-card h3 { + font-weight: 500; + line-height: 36px; + margin: 0 0 20px; + color: rgba(41, 50, 65, 0.8); +} +.landing-body .landing-features .feature .feature-card h5 { + margin: 0; + font-weight: normal; + line-height: 150%; + color: rgba(41, 50, 65, 0.9); + opacity: 0.8; +} +.landing-body .landing-features .feature.yellow .feature-card { + padding-bottom: 128px; + background: linear-gradient(197.55deg, #FFD37D -1.02%, #FFDB7D 46.53%); +} +.landing-body .landing-features .feature.blue .feature-card { + padding-bottom: 67px; + background: linear-gradient(156.18deg, #DAF4FF 38.02%, #CEDFFF 95.69%); +} +.landing-body .landing-features .feature.darker-blue .feature-card { + padding-bottom: 164px; + background: linear-gradient(165.84deg, #C1E9FF 42.24%, rgba(219, 242, 255, 0.23) 97.17%); +} +.landing-body .landing-features .feature.darker-gray .feature-card { + padding-bottom: 109px; + background: linear-gradient(176.91deg, rgba(41, 50, 65, 0.6) 50%, rgba(41, 50, 65, 0.282) 115.03%); +} +.landing-body .landing-features .feature.darker-gray .feature-card h3 { + color: #FFFFFF; +} +.landing-body .landing-features .feature.darker-gray .feature-card h5 { + color: #FFFFFF; + opacity: 0.8; +} +.landing-body .landing-features .feature.gray .feature-card { + padding-bottom: 50px; + background: linear-gradient(11.49deg, rgba(41, 50, 65, 0.1) 60.37%, rgba(41, 50, 65, 0.026) 98.03%); +} +.landing-body .landing-pricing { + background-color: #FFFFFF; + position: relative; + padding: 125px 15% 260px; + text-align: center; +} +.landing-body .landing-pricing .pricing-card { + background: #FFFFFF; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 30px 20px 33px; + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; + position: relative; + margin-bottom: 60px; +} +.landing-body .landing-pricing .pricing-card .preferred-tag { + padding: 14px 24px; + background: linear-gradient(112.58deg, #FFD029 22.19%, #F1AF60 100%); + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + transform: rotate(-7.18deg); + position: absolute; + top: -32px; + color: #FFFFFF; + font-weight: bold; + font-size: 20px; + line-height: 24px; +} +.landing-body .landing-pricing .pricing-card h2 { + margin: 0 0 14px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .landing-pricing .pricing-card .price { + display: block; + color: #2170E7; + font-weight: bold; + font-size: 80px; + line-height: 95px; +} +.landing-body .landing-pricing .pricing-card .time { + color: rgba(41, 50, 65, 0.5); + font-size: 12px; + line-height: 14px; + display: block; + margin-bottom: 32px; +} +.landing-body .landing-pricing .pricing-card > ul { + padding: 42px 0 0; + width: 100%; + margin: 0; + list-style: none; + border-top: 1px solid rgba(41, 50, 65, 0.1); +} +.landing-body .landing-pricing .pricing-card > ul > li { + font-size: 16px; + line-height: 205.34%; + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-pricing .pricing-card.pro { + background: linear-gradient(333.31deg, #EFF3FB 6.36%, #FFFFFF 72.79%); +} +.landing-body .landing-pricing .pricing-card.enterprise { + background: linear-gradient(156.19deg, rgba(41, 50, 65, 0.8) 10.28%, rgba(35, 40, 49, 0.496) 87.74%); +} +.landing-body .landing-pricing .pricing-card.enterprise h2 { + margin: 0 0 14px; + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .price { + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .time { + color: #FFFFFF; + opacity: 0.6; +} +.landing-body .landing-pricing .pricing-card.enterprise > ul { + border-top: 1px solid rgba(255, 255, 255, 0.2); +} +.landing-body .landing-pricing .pricing-card.enterprise > ul > li { + color: #FFFFFF; +} +.landing-body .landing-pricing > a { + font-size: 24px; + line-height: 29px; + display: block; +} +.landing-body .layout-footer { + background-color: #FFFFFF; + position: relative; +} +.landing-body .layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.2); +} +.landing-body .layout-footer .footer-subtitle { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer ul > li { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer .newsletter-input { + background-color: rgba(41, 50, 65, 0.04); +} +.landing-body .layout-footer .footer-bottom { + color: rgba(41, 50, 65, 0.7); +} +.landing-body .layout-footer .footer-bottom h6 { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-mask { + display: none; + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.2); + z-index: 998; +} + +@media (max-width: 991px) { + .landing-body.block-scroll { + overflow: hidden; + } + .landing-body.block-scroll .landing-wrapper .landing-mask { + display: block; + } + .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu { + transform: translate3d(0px, 0px, 0px); + } + .landing-body .landing-wrapper .landing-topbar { + padding: 0 13px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu { + position: fixed; + flex-direction: column; + -ms-flex-align: end; + align-items: flex-end; + right: 0; + top: 0; + padding: 28px 15px; + z-index: 999; + width: 220px; + height: 100%; + background-color: #EEF5FF; + box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08); + transform: translate3d(260px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li { + margin: 0; + width: 100%; + margin-bottom: 12px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a { + padding: 6px 16px; + font-size: 14px; + text-align: right; + background-color: #EEF5FF; + display: block; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: rgba(41, 50, 65, 0.9); + font-size: 20px; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .second-menubutton { + display: none; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .landing-button { + margin-right: 20px; + } + .landing-body .landing-wrapper .landing-banner { + background-position: top; + padding: 80px 23px; + -ms-flex-pack: start; + justify-content: flex-start; + height: auto; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: left; + max-width: 262px; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > span { + font-size: 60px; + line-height: 91.84%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-features { + padding: 36px 20px 30px; + } + .landing-body .landing-wrapper .landing-features .lg\:col-3 { + transform: translateY(0) !important; + margin-top: auto !important; + } + .landing-body .landing-wrapper .landing-features .feature-empty { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature-3 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature-4 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature > span { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card { + padding-bottom: 28px !important; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-right: 12px; + margin-top: 8px; + display: block; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card > span { + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card > span { + color: #FFFFFF; + float: right; + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .section-header .title { + font-size: 60px; + line-height: 72px; + } + .landing-body .landing-wrapper .section-header h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 30px 20px 97px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card { + margin-bottom: 20px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card > ul { + display: none; + } + .landing-body .landing-wrapper .landing-pricing .preferred { + order: -1 !important; + } + .landing-body .landing-wrapper .landing-pricing .preferred .pricing-card > ul { + display: block; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background-image: url("#{resource['freya-layout:images/pages/search.png']}"); + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h3 { + color: #EAEBEC; + font-weight: 500; +} +.help-page .help-search .search-container { + font-size: 1rem; + padding: 1rem; + position: relative; +} +.help-page .help-search .search-container input { + appearance: none; + font-size: 1rem; + text-indent: 2rem; + padding: 1rem; + width: 100%; +} +.help-page .help-search .search-container i { + width: 1rem; + position: absolute; + margin-left: 1rem; + top: 50%; + margin-top: -0.5rem; +} +.help-page .status-bars { + margin-top: 1rem; + display: -ms-flexbox; + display: flex; +} +.help-page .status-bars .status-bar { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: #6EC180; + height: 50px; + margin-right: 0.25rem; + transition: transform 0.2s; +} +.help-page .status-bars .status-bar:last-child { + margin-right: 0; +} +.help-page .status-bars .status-bar.status-bar-failure { + background: #FF6E49; +} +.help-page .status-bars .status-bar:hover { + transform: scale(1.1); +} +.help-page .status-bar-footer { + padding: 1rem 0 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.help-page .blog-post { + border-radius: 4px; + padding: 20px; + margin: 3rem 2rem; + border: 1px solid #383838; + background-color: #293241; + position: relative; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.help-page .blog-post:last-child { + margin-bottom: 1rem; +} +.help-page .blog-post img { + width: 100%; + position: absolute; + left: 0; + top: 0; +} +.help-page .blog-post .blog-text h1 { + color: #EAEBEC; + margin-bottom: 1rem; + font-weight: 500; +} +.help-page .blog-post .blog-text span { + color: #BFC2C6; + line-height: 1.4; +} +.help-page .blog-post .blog-profile { + position: absolute; + top: -25px; + left: -25px; +} +.help-page .blog-post .blog-profile img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + height: 50px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 500; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; + font-weight: 300; +} +.invoice .invoice-details { + width: 15rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.invoice .invoice-details > div { + width: 50%; + margin-bottom: 0.5rem; +} +.invoice .invoice-details .invoice-label { + text-align: left; + font-weight: 500; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #3E4754; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 500; + margin-bottom: 0.5rem; +} +.invoice .invoice-to .invoice-to-info div { + margin-bottom: 0.5rem; +} +.invoice .invoice-items { + margin-top: 2rem; + padding-top: 2rem; +} +.invoice .invoice-items table { + width: 100%; + border-collapse: collapse; +} +.invoice .invoice-items table tr { + border-bottom: 1px solid #3E4754; +} +.invoice .invoice-items table th { + font-weight: 500; +} +.invoice .invoice-items table th, .invoice .invoice-items table td { + padding: 1rem; + text-align: right; +} +.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child { + text-align: left; +} +.invoice .invoice-summary { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 2.5rem; + padding-top: 2.5rem; +} +.invoice .invoice-summary .invoice-value { + font-weight: 500; +} + +@media print { + body * { + visibility: hidden; + } + + #invoice-content * { + visibility: visible; + } + + #invoice-content { + width: 100%; + position: absolute; + left: 0; + top: 0; + padding: 0; + margin: 0; + background: #ffffff; + color: rgba(41, 50, 65, 0.8); + } + + .invoice .invoice-to { + border-top: 1px solid #F2F4F6; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; + } +} +.layout-config { + width: 16rem; + height: 100%; + position: fixed; + right: 0; + top: 0; + padding: 1rem; + overflow: auto; + background: #1e1e1e; + z-index: 999; + border-left: 1px solid #383838; + transform: translateX(100%); + transition: transform 0.2s cubic-bezier(0.05, 0.74, 0.2, 0.99); +} +.layout-config.layout-config-active { + transform: translateX(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); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + transform: rotate(360deg); +} +.layout-config .ui-selectoneradio td { + padding: 0.5rem; +} +.layout-config p { + line-height: 1.5rem; + color: rgba(255, 255, 255, 0.6); +} +.layout-config .layout-themes { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.layout-config .layout-themes > div { + padding: 0.25rem; +} +.layout-config .layout-themes a { + width: 2rem; + height: 2rem; + border-radius: 24px; + display: block; + position: relative; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + transition: transform 0.2s; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} +.layout-config .layout-themes a i { + font-size: 1rem; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +.layout-config .layout-themes a:hover { + transform: scale(1.1); +} + +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: #90CAF9; + color: #121212; + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; + transition: background-color 0.2s; + 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: #a8d6fa; +} + +/* Add your customizations of the layout styles here */ +.layout-wrapper .layout-rightpanel .rightpanel-wrapper { + position: relative; + height: 100%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header { + text-align: center; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header .profile { + padding: 12px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions { + padding: 12px 6px 36px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .col-6, .layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .md\:col-4 { + padding: 0.2em; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav { + background-color: #384454; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header { + padding: 1rem; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + font-size: 12px; + font-weight: 500; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header > span { + font-size: 10px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background-color: #303A48; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels { + background-color: #384454; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + width: 80%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 105px; + margin-right: 7px; +} diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.scss b/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.scss new file mode 100644 index 0000000..1a4faa1 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-dark.scss @@ -0,0 +1,5 @@ +$primaryColor:lighten(#2170E7, 5%); +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_dark'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.css b/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.css new file mode 100644 index 0000000..258f85f --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.css @@ -0,0 +1,4257 @@ +/* Add your customizations of the layout variables here */ +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + -webkit-animation-name: modal-in; + animation-name: modal-in; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 24px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #dee2e6; + 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; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 14px; + font-weight: 400; + color: rgba(41, 50, 65, 0.8); + padding: 0; + margin: 0; + min-height: 100%; + background-color: #F2F4F6; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +body.blocked-scroll { + overflow: auto; +} + +a { + text-decoration: none; + color: #4f8eec; + color: var(--primary-color); +} + +.ajax-loader { + font-size: 32px; + color: #2170E7; + color: var(--primary-color); +} + +.layout-main { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; + padding-top: 82px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-content { + padding: 30px 36px; + flex: 1 1 auto; +} + +@media (max-width: 991px) { + .layout-content { + padding: 32px 14px; + } +} +.layout-topbar-light .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #F7FAFF; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #3E4754; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #293241; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #f8fafc; + border: 1px solid #ebedef; + color: #4f8eec; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #4f8eec; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #293241; + opacity: 0.5; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: white; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #4688eb; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #4688eb; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: rgba(41, 50, 65, 0.8); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(33, 112, 231, 0.8); + color: #ffffff; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: rgba(41, 50, 65, 0.5); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: rgba(41, 50, 65, 0.8); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(41, 50, 65, 0.5); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #293241; + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #E8EDF0; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.layout-topbar-dark .layout-topbar { + position: fixed; + top: 0; + z-index: 999; + width: 100%; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + -webkit-transition: width 0.2s; + transition: width 0.2s; + height: 62px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + padding: 0 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 999; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 15px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + padding: 6px; + margin-right: 16px; + border-radius: 4px; + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i { + font-size: 18px; + width: 18px; + height: 18px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 0 16px 0 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + border-right: solid 1px transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + width: 100%; + padding: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + background-color: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 62px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 7px 0 8px; + z-index: 1000; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + min-width: 250px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; + flex-grow: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 10px 15px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + list-style: none; + margin-bottom: 4px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + margin-right: 10px; + padding: 6px; + border-radius: 2px; + width: 26px; + height: 26px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img { + height: 36px; + width: 36px; + margin-right: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a { + width: auto; + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper { + position: relative; + width: 0; + opacity: 0; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield { + background: #F7FAFF; + width: 100%; + position: relative; + padding: 9px; + padding-left: 37px; + border: none; + color: #3E4754; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i { + position: absolute; + left: 9px; + font-size: 18px; + top: 50%; + margin-top: -9px; + display: none; + z-index: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + margin-left: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + height: 28px; + width: 28px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper { + width: 200px; + opacity: 1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + font-size: 18px; + border-radius: 6px; + width: 30px; + height: 30px; + margin-left: 26px; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (max-width: 991px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + position: relative; + padding: 0 6px; + } +} +@media (max-width: 576px) { + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 10px; + right: 10px; + position: fixed; + top: 62px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #293241; + box-shadow: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input { + background-color: #333e51; + border: 1px solid #333e51; + color: #7dabf1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder { + color: #7dabf1; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i { + color: #E9E9E9; + opacity: 0.5; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + background-color: #333e51; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #4688eb; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #4688eb; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i { + background-color: rgba(33, 112, 231, 0.8); + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #E9E9E9; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: #C2C2C2; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #E9E9E9; + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #333e51; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} + +.menu-wrapper { + height: 100%; + position: fixed; + top: 0; + z-index: 999; + left: 0; +} +.menu-wrapper .sidebar-logo { + height: 62px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: center; + align-items: center; + padding: 0 22px; + padding-right: 20px; +} +.menu-wrapper .sidebar-logo .sidebar-pin { + display: none; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; +} +.menu-wrapper .sidebar-logo img { + width: 17px; + height: 20px; + border: 0 none; +} +.menu-wrapper .layout-menu-container { + height: calc(100% - 62px); +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + max-width: 62px; + overflow: hidden; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a { + position: relative; +} +.menu-wrapper .layout-menu-container .layout-menu > li > a::before { + content: ""; + width: 4px; + height: 12px; + display: block; + border-radius: 0px 3px 3px 0px; + position: absolute; + left: 0; +} +.menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + margin-left: 6px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 10px 0; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + font-size: 13px; + padding: 6px 20px; + user-select: none; + cursor: pointer; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > span { + margin: 0 8px; + margin-left: 14px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: hidden; + white-space: nowrap; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i { + font-size: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon i { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: none; + list-style-type: none; + overflow: hidden; + padding: 0; + margin: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > a { + padding: 10px 18px; + margin-left: 0px; + padding-right: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li { + padding: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} + +@media (min-width: 992px) { + .layout-wrapper.layout-sidebar .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-sidebar .layout-main { + padding-left: 62px; + } + .layout-wrapper.layout-static .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo { + justify-content: space-between; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo img { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .app-name { + display: inline; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin { + display: inline-block; + } + .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; + border: 2px solid var(--primary-light-color); + background-color: #dee2e6; + background-color: var(--primary-lighter-color); + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-static .layout-main { + padding-left: 230px; + -moz-transition: padding-left 0.2s; + -o-transition: padding-left 0.2s; + -webkit-transition: padding-left 0.2s; + transition: padding-left 0.2s; + } + + .menu-wrapper.layout-sidebar-active { + transform: translate3d(0px, 0px, 0px); + } + .menu-wrapper.layout-sidebar-active .sidebar-logo { + justify-content: space-between; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo img { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .app-name { + display: inline; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin { + display: inline-block; + } + .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > span { + display: block; + height: 16px; + width: 16px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 2px solid #dee2e6; + } + .menu-wrapper.layout-sidebar-active .layout-menu { + max-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li { + min-width: 230px; + } + .menu-wrapper.layout-sidebar-active .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li a { + padding-left: 20px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li a { + padding-left: 30px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .menu-wrapper.layout-sidebar-active .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .menu-wrapper.layout-sidebar-active .layout-menu-container { + overflow: auto; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 62px; + z-index: 1010; + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transform: translate3d(-230px, 0px, 0px); + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper .menu-wrapper .layout-menu-container .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu { + max-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li { + min-width: 230px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li > ul > li { + margin-left: 10px; + margin-right: 12px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a > span { + visibility: visible; + white-space: normal; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu-container { + overflow: auto; + } + .layout-wrapper.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button { + display: block; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 0px; + width: 100%; + height: 62px; + position: relative; + } + .layout-wrapper.layout-horizontal .menu-wrapper .sidebar-logo { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + height: 100%; + display: flex; + align-items: center; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + max-width: 100%; + overflow: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + margin: 0 9px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a { + margin: 0px; + padding: 10px 5px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a:before { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > span { + margin: 0 8px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i { + font-size: 14px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i.layout-submenu-toggler { + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + margin-left: auto; + font-size: 12px; + visibility: visible; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + list-style-type: none; + top: 44px; + left: 0px; + width: 230px; + position: absolute; + padding: 10px; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 460px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + border: 0 none; + margin: 0; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button-wrapper .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a { + display: block; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper { + display: none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul { + display: block; + padding: 0; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-slim .menu-wrapper { + width: 62px; + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container { + padding: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu { + overflow: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + display: none; + padding: 0 0.412px; + position: absolute; + left: 72px; + top: 16px; + line-height: 1; + border-radius: 2px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + padding: 6px 8px; + font-weight: 500; + min-width: 75px; + white-space: nowrap; + text-align: center; + -webkit-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + -moz-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + top: 50%; + left: -4px; + margin-top: -5px; + border-width: 5px 5px 5px 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + padding: 10px 12px 10px 14px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin: 0px; + padding: 6px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + position: relative; + border: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:before { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a span { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + margin-right: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i.layout-submenu-toggler { + display: none; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .menuitem-badge { + display: none; + margin-left: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip { + display: block; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + position: absolute; + top: 0; + left: 62px; + min-width: 250px; + max-height: 450px; + display: none; + padding: 10px; + overflow: auto; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li { + margin: 0; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + padding: 10px 5px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > span { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > i.layout-submenu-toggler { + visibility: visible; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li a { + padding-left: 20px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li a { + padding-left: 30px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li a { + padding-left: 40px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li a { + padding-left: 50px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li a { + padding-left: 60px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 70px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 80px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 90px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a { + padding-left: 100px; + } + .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip { + display: none; + } + .layout-wrapper.layout-slim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo { + display: none; + } + .layout-wrapper.layout-slim .layout-main { + padding-left: 62px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #293241; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #293241; + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); +} +@media (min-width: 992px) { + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #293241; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #293241; + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } +} +@media (max-width: 991px) { + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-light-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #E9E9E9; + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(233, 233, 233, 0.8); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #E9E9E9; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: #ffffff; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: #ffffff; + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); +} +@media (min-width: 992px) { + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper { + box-shadow: none; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #ffffff; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip { + background-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text { + color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow { + border-right-color: #293241; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + background-color: #ffffff; + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } +} +@media (max-width: 991px) { + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a { + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #2170E7; + color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before { + background-color: #2170E7; + background-color: var(--primary-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem { + background-color: rgba(33, 112, 231, 0.2); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + color: #293241; + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: rgba(41, 50, 65, 0.7); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(33, 112, 231, 0.1); + background-color: var(--primary-lighter-color); + } + .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #293241; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 62px; + height: calc(100% - 62px); + padding: 0; + width: 418px; + overflow: auto; + background-color: #F7FAFF; + transform: translate3d(418px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + padding: 22px 20px 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section { + padding: 16px 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header > h6 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 14px 16px; + background-image: url("#{resource['demo:images/rightpanel/asset-weather.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + -moz-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06); + color: rgba(41, 50, 65, 0.8); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather > img { + height: 60px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info { + margin-left: 16px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h6 { + margin: 0 0 2px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h1 { + margin: 0; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul { + padding: 0; + margin: 0; + list-style: none; + overflow: auto; + max-height: 320px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li { + padding: 16px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-color: #ffffff; + margin-bottom: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info h6 { + color: #3E4754; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info > span { + display: block; + font-weight: 500; + font-size: 14px; + line-height: 140%; + color: rgba(41, 50, 65, 0.5); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done { + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done .task-info h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; + margin: -7px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + width: 80px; + height: 80px; + background-color: #ffffff; + margin: 7px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item:hover { + background-color: #F7F7F8; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + width: 80px; + height: 80px; + margin: 7px; + border: 1px dashed #dee2e6; + color: #dee2e6; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item:hover { + background-color: #F7F7F8; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section { + margin-top: 40px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + background-image: linear-gradient(180deg, #F7FAFF 0%, rgba(234, 237, 243, 0) 100%); +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + background-color: #ffffff; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + max-height: 400px; +} +.layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #ffffff; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 576px) { + .layout-rightpanel { + width: 100%; + transform: translate3d(100%, 0px, 0px); + } +} +.layout-footer { + padding: 30px 36px; +} +.layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 12px; + line-height: 14px; + min-height: 15px; + display: block; + margin-bottom: 9px; +} +.layout-footer .footer-subtitle { + font-weight: 500; + font-size: 14px; + display: block; + color: rgba(41, 50, 65, 0.5); +} +.layout-footer ul { + padding: 0; + margin: 0; + list-style: none; +} +.layout-footer ul > li { + padding: 7px 0; +} +.layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.8); + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.5); +} +.layout-footer .newsletter-input { + margin-top: 16px; + background-color: #ffffff; + position: relative; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.layout-footer .newsletter-input > input { + width: 100%; + background-color: transparent; + border: none; + padding: 11px 16px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + font-size: 14px; + line-height: 200%; +} +.layout-footer .newsletter-input > button { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + position: absolute; + right: 6px; + top: 50%; + margin-top: -16px; +} +.layout-footer .newsletter-input > button > span { + display: block; + padding: 0; + width: 100%; + font-weight: 600; + font-size: 14px; +} +.layout-footer .footer-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .footer-bottom h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.layout-footer .footer-bottom h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + background: #ffffff; + padding: 20px; + box-sizing: border-box; + box-shadow: 0 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 16px; +} +.card .card-header h6 { + margin-bottom: 2px; +} +.card .card-header .subtitle { + font-weight: 600; + color: rgba(41, 50, 65, 0.5); +} +.card .card-subtitle { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + margin: -1rem 0 1rem 0; +} +.card.no-gutter { + margin-bottom: 0; +} + +.sr-only { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.ui-text-secondary { + color: rgba(41, 50, 65, 0.5); +} + +.layout-wrapper .layout-ajax-loader { + position: absolute; + right: 15px; + bottom: 70px; +} +.layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon { + color: red; + font-size: 32px; +} + +.layout-dashboard .chart { + overflow: auto; + position: relative; +} +.layout-dashboard .mobile-teams { + display: none; +} + +@media (max-width: 1200px) { + .layout-dashboard .desktop-teams { + display: none; + } + .layout-dashboard .mobile-teams { + display: block; + } + .layout-dashboard .mobile-teams .team { + height: 100%; + flex-direction: column; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .layout-dashboard .mobile-teams .team .peoples { + margin: 12px -8px; + } +} +.overview-box { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: 24px; + height: 100%; + min-width: 200px; +} +.overview-box .overview-info > h6 { + margin: 0 0 2px; +} +.overview-box .overview-info > h1 { + margin: 0; +} +.overview-box > i { + font-size: 24px; +} +.overview-box.white { + background: #FFFFFF; + color: rgba(41, 50, 65, 0.8); +} +.overview-box.blue { + background: #69B7FF; + color: #FFFFFF; +} +.overview-box.gray { + background: rgba(41, 50, 65, 0.4); + color: #FFFFFF; +} +.overview-box.darkgray { + background: rgba(41, 50, 65, 0.8); + color: #FFFFFF; +} +.overview-box.orange { + background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%); + color: #FFFFFF; +} + +.timeline { + padding-right: 4px; +} +.timeline > ul { + padding: 0; + margin: 0; + list-style: none; + max-height: 372px; + overflow: auto; + margin-bottom: 1em; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; +} +.timeline > ul > li > i { + font-size: 8px; + margin-right: 10px; + margin-top: 4px; +} +.timeline > ul > li .event-content span { + display: block; + margin-bottom: 4px; + font-weight: 600; + font-size: 12px; + color: rgba(41, 50, 65, 0.5); +} +.timeline > ul > li .event-content span.event-title { + color: #3E4754; +} +.timeline > ul > li .event-content span.time { + font-size: 10px; + font-weight: 400; + color: rgba(41, 50, 65, 0.5); +} +.timeline > ul > li.blue > i { + color: #297FFF; +} +.timeline > ul > li.green > i { + color: #34B56F; +} +.timeline > ul > li.orange > i { + color: #FFA928; +} + +.device-status .content { + color: rgba(41, 50, 65, 0.5); + line-height: 1.4; + margin-bottom: 20px; +} +.device-status .progress { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 10px 0; + color: rgba(41, 50, 65, 0.5); +} +.device-status .progress > span { + min-width: 40px; +} +.device-status .progress .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress .ui-progressbar .ui-progressbar-value { + background: rgba(41, 127, 255, 0.2); + background: var(--primary-color); + opacity: 0.8; + border-radius: 24px; +} +.device-status .progress.active .ui-progressbar { + width: 100%; + margin: 0 12px; + background: rgba(41, 127, 255, 0.2); + background: var(--primary-lighter-color); +} +.device-status .progress.active .ui-progressbar .ui-progressbar-value { + background: linear-gradient(270deg, #42BBFF 0%, #6129FF 100%); + background: linear-gradient(270deg, var(--primary-lighter-color) 0%, var(--primary-color) 100%); + opacity: 0.8; +} +.device-status .device { + margin-bottom: 16px; +} +.device-status .device span { + color: #2170E7; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.device-status .device span > span { + font-size: 8px; + font-weight: normal; +} +.device-status .device span.status { + font-size: 12px; + color: rgba(41, 50, 65, 0.5); + margin-top: 4px; + display: block; +} + +.team { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.team .card-header { + padding: 0; + min-width: 70px; +} +.team .peoples { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-wrap: wrap; +} +.team .peoples > img { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; +} +.team .peoples .no-picture { + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + margin: 8px 8px; + width: 32px; + height: 32px; + background: rgba(41, 50, 65, 0.1); + color: rgba(41, 50, 65, 0.8); + font-size: 12px; + -moz-transition: background 0.2s; + -o-transition: background 0.2s; + -webkit-transition: background 0.2s; + transition: background 0.2s; +} +.team .peoples .no-picture:hover { + background: rgba(41, 50, 65, 0.2); +} + +.map { + padding: 0; +} +.map > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.map .map-content { + padding: 50px 20px 28px; +} +.map .map-content h6 { + margin: 0 0 16px; +} +.map .map-content .city { + margin-bottom: 16px; +} +.map .map-content .city span { + color: #2170E7; + color: var(--primary-color); + font-size: 14px; + font-weight: 600; +} +.map .map-content .city span > span { + font-size: 8px; + font-weight: normal; +} +.map .map-content .city span.status { + font-size: 12px; + color: rgba(41, 50, 65, 0.5); + margin-top: 4px; + display: block; +} + +.schedule > p { + color: rgba(41, 50, 65, 0.5); +} +.schedule > ul { + list-style: none; + padding: 0; + margin: 0; +} +.schedule > ul > li { + background: #F7F7F8; + border-radius: 8px; + margin-bottom: 10px; + padding: 5px 16px 12px; +} +.schedule > ul > li .schedule-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.schedule > ul > li .schedule-header h6 { + line-height: 24px; + margin: 0; +} +.schedule > ul > li .schedule-header span { + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.schedule > ul > li > span { + margin-top: 4px; + color: rgba(41, 50, 65, 0.5); + display: block; + font-size: 12px; + line-height: 14px; +} + +.statistics .statistic-item .item-title { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 4px; +} +.statistics .statistic-item .item-title span { + display: block; + margin-right: 12px; +} +.statistics .statistic-item .item-title h5 { + margin: 0; + font-weight: 700; +} +.statistics .statistic-item h6 { + margin: 0; + font-weight: 600; + color: rgba(41, 50, 65, 0.5); +} + +.stocks ul { + list-style: none; + padding: 0; + margin: 0; +} +.stocks ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #F7FAFF; + padding: 0; + margin: 0 0 12px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + overflow: hidden; +} +.stocks ul > li .stock-name { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #EEF5FF; + padding: 18px 10px; + min-width: 70px; + margin-right: 4px; +} +.stocks ul > li .stock-name h6 { + margin: 0; + color: rgba(41, 50, 65, 0.8); + line-height: 17px; + font-weight: 600; +} +.stocks ul > li > img { + margin: 0 4px; + height: 25px; +} +.stocks ul > li .stock-price { + padding: 0 10px; + color: #34B56F; + margin: 0 4px; +} +.stocks ul > li .stock-price h6 { + line-height: 17px; + font-weight: 600; + display: inline-block; +} +.stocks ul > li .stock-price i { + display: inline-block; +} +.stocks ul > li .stock-status { + margin-left: 4px; + padding: 0 20px; +} +.stocks ul > li .stock-status span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.5); +} +.stocks ul > li.down .stock-price { + color: #FF6E49; +} +.stocks ul > li.same .stock-price { + color: #FFA928; +} +.stocks > .ui-button { + width: 100%; + margin-top: 30px; +} + +.operations { + overflow: auto; + position: relative; +} +.operations .insights { + padding: 16px 15px; + background-color: rgba(41, 127, 255, 0.04); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + margin: 12px 0 16px; +} +.operations .insights .insight-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 5px; +} +.operations .insights .insight-header h6 { + margin: 0 6px; +} +.operations .insights > ul { + list-style: none; + padding: 0; + margin: 0; +} +.operations .insights > ul > li { + margin: 8px 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + color: rgba(41, 50, 65, 0.5); +} +.operations .insights > ul > li span { + font-weight: 600; +} +.operations .insights > ul > li span > span { + font-size: 8px; + line-height: 10px; + font-weight: normal; +} +.operations > button { + width: 100%; +} + +.notification { + padding: 30px 24px; + background-color: #ffffff; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.notification > h6 { + margin: 0; + color: rgba(41, 50, 65, 0.8); +} +.notification > h6 > a { + margin-left: 10px; +} +.notification > h6 > a i { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav { + background-color: transparent; + margin: 0 -10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav:before { + display: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header { + padding: 9px 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin: 0 10px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a { + position: relative; + width: 52px; + height: 52px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #D0D6DD; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + color: #2170E7; + color: var(--primary-color); + border: 0 none; + overflow: visible; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a img { + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a .ui-badge { + position: absolute; + bottom: -5px; + right: -5px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active { + padding: 0 0 9px; + border: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active a { + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.16), 0px 1px 2px rgba(41, 50, 65, 0.04), 0px 6px 12px rgba(41, 50, 65, 0.24); + border: 0 none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:before { + content: ""; + width: 12px; + height: 2px; + background: #2170E7; + background: var(--primary-color); + border-radius: 3px; + position: absolute; + bottom: -10px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-hover { + border: none; + padding: 0 0 9px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels { + background-color: transparent; + border: none; + padding: 16px 0 0; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel { + padding: 0; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + height: 350px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 44px; + background-image: linear-gradient(180deg, #ffffff 0%, rgba(234, 237, 243, 0) 100%); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content { + max-height: 400px; + overflow: auto; + padding: 30px 6px 12px; + flex: 1 1 auto; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message { + display: -ms-flexbox; + display: flex; + flex-direction: column; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .name { + display: block; + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + max-width: 250px; + padding: 8px 10px; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + background-color: #F7FAFF; + margin-bottom: 8px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message p { + padding: 0; + margin: 0 0 2px; + color: rgba(41, 50, 65, 0.8); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message span { + display: block; + font-weight: 600; + font-size: 10px; + line-height: 14px; + color: rgba(41, 50, 65, 0.5); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send { + -ms-flex-align: end; + align-items: flex-end; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send .message span { + text-align: right; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message h4 { + color: rgba(41, 50, 65, 0.5); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts { + flex: 1 1 auto; + max-height: 400px; + overflow: auto; + padding: 0px 0 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul { + padding: 0; + margin: 0; + list-style: none; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 6px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + cursor: pointer; + padding: 8px 10px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li img { + margin-right: 12px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li h6 { + margin: 0 0 2px; + color: rgba(41, 50, 65, 0.8); +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li span { + display: block; + color: rgba(41, 50, 65, 0.5); + font-weight: 600; + font-size: 10px; + line-height: 14px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover { + background-color: #F7FAFF; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input { + margin-top: 30px; +} +.chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 100%; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 20px 19px; + background-color: #F7F7F8; + border: none; +} + +.image-card { + padding: 0; + position: relative; +} +.image-card > span { + position: absolute; + right: 20px; + top: 20px; +} +.image-card > img { + width: 100%; + height: auto; + border-radius: 24px 24px 12px 12px; +} +.image-card .image-content { + padding: 32px 20px 28px; +} +.image-card .image-content h6 { + margin: 0 0 8px; +} +.image-card .image-content > p { + color: rgba(41, 50, 65, 0.5); +} +.image-card .image-content > button { + margin-top: 32px; + width: 100%; +} + +.login-body { + background: #FFFFFF; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; + height: 100vh; +} +.login-body .login-wrapper .login-panel { + width: 30%; + height: 100%; + text-align: center; + padding: 40px 20px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 100%; +} +.login-body .login-wrapper .login-panel .logo { + margin-bottom: 50px; +} +.login-body .login-wrapper .login-panel .logo img { + width: 45px; + height: 53px; +} +.login-body .login-wrapper .login-panel > a { + font-weight: 500; + font-size: 10px; + line-height: 12px; + color: rgba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > p { + font-weight: 500; + margin: 0; + color: rgba(41, 50, 65, 0.5); + margin-top: 40px; +} +.login-body .login-wrapper .login-panel > p > a { + color: #2170E7; + cursor: pointer; +} +.login-body .login-wrapper .login-panel > input { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + background-color: #F6F7F7; + border: 1.2px solid #D4D6D9; + color: #515C66; + padding: 12px 10px; +} +.login-body .login-wrapper .login-panel > input::placeholder { + color: gba(41, 50, 65, 0.3); +} +.login-body .login-wrapper .login-panel > button { + width: 85%; + max-width: 247px; + margin-bottom: 10px; + padding: 0; +} +.login-body .login-wrapper .login-panel > button > span { + padding: 15px 20px; + display: block; + font-weight: 600; + font-size: 14px; + line-height: 16px; +} +.login-body .login-wrapper .login-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.login-body .login-wrapper .login-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.login-body .login-wrapper .login-footer h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +.exception-body .exception-topbar { + height: 62px; + background-color: #ffffff; + box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0 16px; +} +.exception-body .exception-topbar .layout-topbar-logo > img { + height: 15px; +} +.exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body .exception-wrapper .exception-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + flex: 1 1 auto; +} +.exception-body .exception-wrapper .exception-content > span { + font-weight: normal; + font-size: 60px; + line-height: 73px; + text-align: center; + display: block; +} +.exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 70px; +} +.exception-body .exception-wrapper .exception-footer h4 { + line-height: 22px; + margin: 0; + margin-right: 32px; +} +.exception-body .exception-wrapper .exception-footer h6 { + line-height: 17px; + margin: 0; + color: rgba(41, 50, 65, 0.5); + font-weight: 500; +} +.exception-body.notfound .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); +} +.exception-body.notfound .exception-wrapper .exception-content { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + flex: 1 1 auto; +} +.exception-body.notfound .exception-wrapper .exception-content img { + width: 332px; + height: 271px; + margin-bottom: -150px; +} +.exception-body.notfound .exception-wrapper .exception-content > span { + font-size: 140px; + line-height: 171px; +} +.exception-body.notfound .exception-wrapper .exception-content > span.exception-subtitle { + font-weight: 500; + font-size: 14px; + line-height: 17px; + color: rgba(41, 50, 65, 0.5); +} +.exception-body.notfound .exception-wrapper .exception-content > button { + padding: 0; + margin-top: 20px; + width: 155px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; +} +.exception-body.notfound .exception-wrapper .exception-content > button > span { + padding: 18px; + font-weight: 600; +} + +@media (max-width: 991px) { + .exception-body .exception-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + min-height: calc(100vh - 62px); + } + .exception-body .exception-wrapper .exception-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; + } +} +.landing-body { + background-color: #E5E5E5; +} +.landing-body .landing-topbar { + height: 83px; + background-color: #FFFFFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + z-index: 999; + padding: 20px 40px; + position: relative; +} +.landing-body .landing-topbar .landing-topbar-left { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-body .landing-topbar .landing-topbar-left .logo { + margin-right: 40px; +} +.landing-body .landing-topbar .landing-topbar-left .logo img { + height: 16px; + width: auto; +} +.landing-body .landing-topbar .landing-topbar-left > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li #landing-menu-close { + display: none; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a { + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + margin: 0 10px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-left > ul > li > a:hover { + color: #2170E7; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton { + margin-right: 20px; + font-weight: 600; + font-size: 12px; + line-height: 14px; + color: rgba(41, 50, 65, 0.9); + padding: 14px 10px; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + min-width: 100px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-body .landing-topbar .landing-topbar-right .second-menubutton:hover { + color: #2170E7; +} +.landing-body .landing-topbar .landing-topbar-right .landing-button span { + font-weight: 600; + font-size: 12px; + line-height: 14px; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-body .landing-topbar .landing-topbar-right #landing-menu-button i { + font-size: 20px; +} +.landing-body .landing-button { + background: linear-gradient(108.43deg, #297FFF 12.5%, #7A0EE7 96.32%); + border: none; + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-body .landing-button.ui-button { + padding: 0; +} +.landing-body .landing-button.ui-button > .ui-button-text { + padding: 14px 10px; + min-width: 121px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button > a .ui-button-text { + padding: 14px 10px; + min-width: 87px; + font-weight: 600; + font-size: 16px; + line-height: 19px; + display: block; +} +.landing-body .landing-button:hover { + background: linear-gradient(108.43deg, #2f79e7 12.5%, #781cd4 96.32%); +} +.landing-body .landing-banner { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 303px 30px 218px; + position: relative; + transform-style: inherit; + background: url("#{resource['freya-layout:images/pages/asset-landing-header.jpg']}"); + background-size: cover; + height: 80vh; +} +.landing-body .landing-banner .landing-banner-content { + text-align: center; + position: relative; +} +.landing-body .landing-banner .landing-banner-content .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: #FFFFFF; +} +.landing-body .landing-banner .landing-banner-content h3 { + margin: 40px 0 30px; + color: #FFFFFF; + font-weight: 500; + line-height: 29px; +} +.landing-body .section-header { + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +.landing-body .section-header .title { + display: block; + font-weight: 500; + font-size: 70px; + line-height: 84px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .section-header h3 { + margin: 15px 0 100px; + color: rgba(41, 50, 65, 0.9); + font-weight: 500; + line-height: 29px; + max-width: 800px; +} +.landing-body .landing-features { + background-color: #FFFFFF; + position: relative; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; + padding: 36px 6% 125px; +} +.landing-body .landing-features .lg\:col-3 { + transition: transform 250ms linear; + -webkit-transition: transform 250ms linear; +} +.landing-body .landing-features .feature { + display: -ms-flexbox; + display: flex; +} +.landing-body .landing-features .feature > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-top: 30px; + margin-right: 12px; +} +.landing-body .landing-features .feature .feature-card { + -moz-border-radius: 36px; + -webkit-border-radius: 36px; + border-radius: 36px; + padding: 28px 30px; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.landing-body .landing-features .feature .feature-card > span { + display: none; +} +.landing-body .landing-features .feature .feature-card h3 { + font-weight: 500; + line-height: 36px; + margin: 0 0 20px; + color: rgba(41, 50, 65, 0.8); +} +.landing-body .landing-features .feature .feature-card h5 { + margin: 0; + font-weight: normal; + line-height: 150%; + color: rgba(41, 50, 65, 0.9); + opacity: 0.8; +} +.landing-body .landing-features .feature.yellow .feature-card { + padding-bottom: 128px; + background: linear-gradient(197.55deg, #FFD37D -1.02%, #FFDB7D 46.53%); +} +.landing-body .landing-features .feature.blue .feature-card { + padding-bottom: 67px; + background: linear-gradient(156.18deg, #DAF4FF 38.02%, #CEDFFF 95.69%); +} +.landing-body .landing-features .feature.darker-blue .feature-card { + padding-bottom: 164px; + background: linear-gradient(165.84deg, #C1E9FF 42.24%, rgba(219, 242, 255, 0.23) 97.17%); +} +.landing-body .landing-features .feature.darker-gray .feature-card { + padding-bottom: 109px; + background: linear-gradient(176.91deg, rgba(41, 50, 65, 0.6) 50%, rgba(41, 50, 65, 0.282) 115.03%); +} +.landing-body .landing-features .feature.darker-gray .feature-card h3 { + color: #FFFFFF; +} +.landing-body .landing-features .feature.darker-gray .feature-card h5 { + color: #FFFFFF; + opacity: 0.8; +} +.landing-body .landing-features .feature.gray .feature-card { + padding-bottom: 50px; + background: linear-gradient(11.49deg, rgba(41, 50, 65, 0.1) 60.37%, rgba(41, 50, 65, 0.026) 98.03%); +} +.landing-body .landing-pricing { + background-color: #FFFFFF; + position: relative; + padding: 125px 15% 260px; + text-align: center; +} +.landing-body .landing-pricing .pricing-card { + background: #FFFFFF; + box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2); + -moz-border-radius: 24px; + -webkit-border-radius: 24px; + border-radius: 24px; + padding: 30px 20px 33px; + text-align: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; + position: relative; + margin-bottom: 60px; +} +.landing-body .landing-pricing .pricing-card .preferred-tag { + padding: 14px 24px; + background: linear-gradient(112.58deg, #FFD029 22.19%, #F1AF60 100%); + box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + border-radius: 12px; + transform: rotate(-7.18deg); + position: absolute; + top: -32px; + color: #FFFFFF; + font-weight: bold; + font-size: 20px; + line-height: 24px; +} +.landing-body .landing-pricing .pricing-card h2 { + margin: 0 0 14px; + color: rgba(41, 50, 65, 0.9); +} +.landing-body .landing-pricing .pricing-card .price { + display: block; + color: #2170E7; + font-weight: bold; + font-size: 80px; + line-height: 95px; +} +.landing-body .landing-pricing .pricing-card .time { + color: rgba(41, 50, 65, 0.5); + font-size: 12px; + line-height: 14px; + display: block; + margin-bottom: 32px; +} +.landing-body .landing-pricing .pricing-card > ul { + padding: 42px 0 0; + width: 100%; + margin: 0; + list-style: none; + border-top: 1px solid rgba(41, 50, 65, 0.1); +} +.landing-body .landing-pricing .pricing-card > ul > li { + font-size: 16px; + line-height: 205.34%; + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-pricing .pricing-card.pro { + background: linear-gradient(333.31deg, #EFF3FB 6.36%, #FFFFFF 72.79%); +} +.landing-body .landing-pricing .pricing-card.enterprise { + background: linear-gradient(156.19deg, rgba(41, 50, 65, 0.8) 10.28%, rgba(35, 40, 49, 0.496) 87.74%); +} +.landing-body .landing-pricing .pricing-card.enterprise h2 { + margin: 0 0 14px; + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .price { + color: #FFFFFF; +} +.landing-body .landing-pricing .pricing-card.enterprise .time { + color: #FFFFFF; + opacity: 0.6; +} +.landing-body .landing-pricing .pricing-card.enterprise > ul { + border-top: 1px solid rgba(255, 255, 255, 0.2); +} +.landing-body .landing-pricing .pricing-card.enterprise > ul > li { + color: #FFFFFF; +} +.landing-body .landing-pricing > a { + font-size: 24px; + line-height: 29px; + display: block; +} +.landing-body .layout-footer { + background-color: #FFFFFF; + position: relative; +} +.landing-body .layout-footer .footer-menutitle { + color: rgba(41, 50, 65, 0.2); +} +.landing-body .layout-footer .footer-subtitle { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer ul > li { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .layout-footer ul > li > a:hover { + color: rgba(41, 50, 65, 0.3); +} +.landing-body .layout-footer .newsletter-input { + background-color: rgba(41, 50, 65, 0.04); +} +.landing-body .layout-footer .footer-bottom { + color: rgba(41, 50, 65, 0.7); +} +.landing-body .layout-footer .footer-bottom h6 { + color: rgba(41, 50, 65, 0.5); +} +.landing-body .landing-mask { + display: none; + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.2); + z-index: 998; +} + +@media (max-width: 991px) { + .landing-body.block-scroll { + overflow: hidden; + } + .landing-body.block-scroll .landing-wrapper .landing-mask { + display: block; + } + .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu { + transform: translate3d(0px, 0px, 0px); + } + .landing-body .landing-wrapper .landing-topbar { + padding: 0 13px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu { + position: fixed; + flex-direction: column; + -ms-flex-align: end; + align-items: flex-end; + right: 0; + top: 0; + padding: 28px 15px; + z-index: 999; + width: 220px; + height: 100%; + background-color: #EEF5FF; + box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08); + transform: translate3d(260px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li { + margin: 0; + width: 100%; + margin-bottom: 12px; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a { + padding: 6px 16px; + font-size: 14px; + text-align: right; + background-color: #EEF5FF; + display: block; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: rgba(41, 50, 65, 0.9); + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + color: rgba(41, 50, 65, 0.6); + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: rgba(41, 50, 65, 0.9); + font-size: 20px; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .second-menubutton { + display: none; + } + .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .landing-button { + margin-right: 20px; + } + .landing-body .landing-wrapper .landing-banner { + background-position: top; + padding: 80px 23px; + -ms-flex-pack: start; + justify-content: flex-start; + height: auto; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: left; + max-width: 262px; + top: auto !important; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > span { + font-size: 60px; + line-height: 91.84%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content > h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-features { + padding: 36px 20px 30px; + } + .landing-body .landing-wrapper .landing-features .lg\:col-3 { + transform: translateY(0) !important; + margin-top: auto !important; + } + .landing-body .landing-wrapper .landing-features .feature-empty { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature-3 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature-4 { + margin-top: auto; + } + .landing-body .landing-wrapper .landing-features .feature > span { + display: none; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card { + padding-bottom: 28px !important; + } + .landing-body .landing-wrapper .landing-features .feature .feature-card > span { + font-weight: 500; + font-size: 20px; + line-height: 20px; + color: rgba(41, 50, 65, 0.8); + margin-right: 12px; + margin-top: 8px; + display: block; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.blue .feature-card > span { + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card { + flex-direction: row-reverse; + text-align: right; + } + .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card > span { + color: #FFFFFF; + float: right; + margin-right: 0px; + margin-left: 12px; + } + .landing-body .landing-wrapper .section-header .title { + font-size: 60px; + line-height: 72px; + } + .landing-body .landing-wrapper .section-header h3 { + font-size: 18px; + line-height: 130%; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 30px 20px 97px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card { + margin-bottom: 20px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-card > ul { + display: none; + } + .landing-body .landing-wrapper .landing-pricing .preferred { + order: -1 !important; + } + .landing-body .landing-wrapper .landing-pricing .preferred .pricing-card > ul { + display: block; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background-image: url("#{resource['freya-layout:images/pages/search.png']}"); + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h3 { + color: rgba(41, 50, 65, 0.8); + font-weight: 500; +} +.help-page .help-search .search-container { + font-size: 1rem; + padding: 1rem; + position: relative; +} +.help-page .help-search .search-container input { + appearance: none; + font-size: 1rem; + text-indent: 2rem; + padding: 1rem; + width: 100%; +} +.help-page .help-search .search-container i { + width: 1rem; + position: absolute; + margin-left: 1rem; + top: 50%; + margin-top: -0.5rem; +} +.help-page .status-bars { + margin-top: 1rem; + display: -ms-flexbox; + display: flex; +} +.help-page .status-bars .status-bar { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: #6EC180; + height: 50px; + margin-right: 0.25rem; + transition: transform 0.2s; +} +.help-page .status-bars .status-bar:last-child { + margin-right: 0; +} +.help-page .status-bars .status-bar.status-bar-failure { + background: #FF6E49; +} +.help-page .status-bars .status-bar:hover { + transform: scale(1.1); +} +.help-page .status-bar-footer { + padding: 1rem 0 0 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.help-page .blog-post { + border-radius: 4px; + padding: 20px; + margin: 3rem 2rem; + border: 1px solid #dee2e6; + background-color: #ffffff; + position: relative; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.help-page .blog-post:last-child { + margin-bottom: 1rem; +} +.help-page .blog-post img { + width: 100%; + position: absolute; + left: 0; + top: 0; +} +.help-page .blog-post .blog-text h1 { + color: rgba(41, 50, 65, 0.8); + margin-bottom: 1rem; + font-weight: 500; +} +.help-page .blog-post .blog-text span { + color: rgba(41, 50, 65, 0.5); + line-height: 1.4; +} +.help-page .blog-post .blog-profile { + position: absolute; + top: -25px; + left: -25px; +} +.help-page .blog-post .blog-profile img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + height: 50px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 500; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; + font-weight: 300; +} +.invoice .invoice-details { + width: 15rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.invoice .invoice-details > div { + width: 50%; + margin-bottom: 0.5rem; +} +.invoice .invoice-details .invoice-label { + text-align: left; + font-weight: 500; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #F2F4F6; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 500; + margin-bottom: 0.5rem; +} +.invoice .invoice-to .invoice-to-info div { + margin-bottom: 0.5rem; +} +.invoice .invoice-items { + margin-top: 2rem; + padding-top: 2rem; +} +.invoice .invoice-items table { + width: 100%; + border-collapse: collapse; +} +.invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; +} +.invoice .invoice-items table th { + font-weight: 500; +} +.invoice .invoice-items table th, .invoice .invoice-items table td { + padding: 1rem; + text-align: right; +} +.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child { + text-align: left; +} +.invoice .invoice-summary { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 2.5rem; + padding-top: 2.5rem; +} +.invoice .invoice-summary .invoice-value { + font-weight: 500; +} + +@media print { + body * { + visibility: hidden; + } + + #invoice-content * { + visibility: visible; + } + + #invoice-content { + width: 100%; + position: absolute; + left: 0; + top: 0; + padding: 0; + margin: 0; + background: #ffffff; + color: rgba(41, 50, 65, 0.8); + } + + .invoice .invoice-to { + border-top: 1px solid #F2F4F6; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #F2F4F6; + } +} +.layout-config { + width: 16rem; + height: 100%; + position: fixed; + right: 0; + top: 0; + padding: 1rem; + overflow: auto; + background: #ffffff; + z-index: 999; + border-left: 0 none; + transform: translateX(100%); + transition: transform 0.2s cubic-bezier(0.05, 0.74, 0.2, 0.99); +} +.layout-config.layout-config-active { + transform: translateX(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); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + transform: rotate(360deg); +} +.layout-config .ui-selectoneradio td { + padding: 0.5rem; +} +.layout-config p { + line-height: 1.5rem; + color: #6c757d; +} +.layout-config .layout-themes { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.layout-config .layout-themes > div { + padding: 0.25rem; +} +.layout-config .layout-themes a { + width: 2rem; + height: 2rem; + border-radius: 24px; + display: block; + position: relative; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + transition: transform 0.2s; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} +.layout-config .layout-themes a i { + font-size: 1rem; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +.layout-config .layout-themes a:hover { + transform: scale(1.1); +} + +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: #1976D2; + color: #ffffff; + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; + transition: background-color 0.2s; + 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: #2083e4; +} + +/* Add your customizations of the layout styles here */ +.layout-wrapper .layout-rightpanel .rightpanel-wrapper { + position: relative; + height: 100%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header { + text-align: center; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-header .profile { + padding: 12px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions { + padding: 12px 6px 36px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .col-6, .layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-actions .actions .action-buttons .md\:col-4 { + padding: 0.2em; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav { + background-color: white; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header { + padding: 1rem; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + font-size: 12px; + font-weight: 500; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header > span { + font-size: 10px; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background-color: #F7FAFF; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels { + background-color: white; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message { + width: 80%; +} +.layout-wrapper .layout-rightpanel .rightpanel-wrapper .rightpanel-chat .ui-tabs .ui-tabs-panels .ui-tabs-panel .chat .chat-input input { + width: 105px; + margin-right: 7px; +} diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.scss b/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.scss new file mode 100644 index 0000000..ed65b45 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/css/layout-light.scss @@ -0,0 +1,5 @@ +$primaryColor:#2170E7; +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_light'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex-v2.min.css b/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex-v2.min.css new file mode 100644 index 0000000..1f4ccda --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex-v2.min.css @@ -0,0 +1 @@ +.p-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem;margin-top:-1rem}.p-grid>.p-col,.p-grid>[class*=p-col]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.p-nogutter{margin-right:0;margin-left:0;margin-top:0}.p-nogutter>.p-col,.p-nogutter>[class*=p-col-]{padding:0}.p-col{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;padding:1rem}.p-col-fixed{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1,.p-col-2,.p-col-3,.p-col-4,.p-col-5,.p-col-6,.p-col-7,.p-col-8,.p-col-9,.p-col-10,.p-col-11,.p-col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1{width:8.3333%}.p-col-2{width:16.6667%}.p-col-3{width:25%}.p-col-4{width:33.3333%}.p-col-5{width:41.6667%}.p-col-6{width:50%}.p-col-7{width:58.3333%}.p-col-8{width:66.6667%}.p-col-9{width:75%}.p-col-10{width:83.3333%}.p-col-11{width:91.6667%}.p-col-12{width:100%}.p-offset-12{margin-left:100%}.p-offset-11{margin-left:91.66666667%}.p-offset-10{margin-left:83.33333333%}.p-offset-9{margin-left:75%}.p-offset-8{margin-left:66.66666667%}.p-offset-7{margin-left:58.33333333%}.p-offset-6{margin-left:50%}.p-offset-5{margin-left:41.66666667%}.p-offset-4{margin-left:33.33333333%}.p-offset-3{margin-left:25%}.p-offset-2{margin-left:16.66666667%}.p-offset-1{margin-left:8.33333333%}.p-offset-0{margin-left:0%}.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12,.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12,.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12,.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{padding:1rem}.p-col-nogutter{padding:0}@media screen and (min-width: 576px){.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-sm-1{width:8.3333%}.p-sm-2{width:16.6667%}.p-sm-3{width:25%}.p-sm-4{width:33.3333%}.p-sm-5{width:41.6667%}.p-sm-6{width:50%}.p-sm-7{width:58.3333%}.p-sm-8{width:66.6667%}.p-sm-9{width:75%}.p-sm-10{width:83.3333%}.p-sm-11{width:91.6667%}.p-sm-12{width:100%}.p-sm-offset-12{margin-left:100%}.p-sm-offset-11{margin-left:91.66666667%}.p-sm-offset-10{margin-left:83.33333333%}.p-sm-offset-9{margin-left:75%}.p-sm-offset-8{margin-left:66.66666667%}.p-sm-offset-7{margin-left:58.33333333%}.p-sm-offset-6{margin-left:50%}.p-sm-offset-5{margin-left:41.66666667%}.p-sm-offset-4{margin-left:33.33333333%}.p-sm-offset-3{margin-left:25%}.p-sm-offset-2{margin-left:16.66666667%}.p-sm-offset-1{margin-left:8.33333333%}.p-sm-offset-0{margin-left:0%}}@media screen and (min-width: 768px){.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-md-1{width:8.3333%}.p-md-2{width:16.6667%}.p-md-3{width:25%}.p-md-4{width:33.3333%}.p-md-5{width:41.6667%}.p-md-6{width:50%}.p-md-7{width:58.3333%}.p-md-8{width:66.6667%}.p-md-9{width:75%}.p-md-10{width:83.3333%}.p-md-11{width:91.6667%}.p-md-12{width:100%}.p-md-offset-12{margin-left:100%}.p-md-offset-11{margin-left:91.66666667%}.p-md-offset-10{margin-left:83.33333333%}.p-md-offset-9{margin-left:75%}.p-md-offset-8{margin-left:66.66666667%}.p-md-offset-7{margin-left:58.33333333%}.p-md-offset-6{margin-left:50%}.p-md-offset-5{margin-left:41.66666667%}.p-md-offset-4{margin-left:33.33333333%}.p-md-offset-3{margin-left:25%}.p-md-offset-2{margin-left:16.66666667%}.p-md-offset-1{margin-left:8.33333333%}.p-md-offset-0{margin-left:0%}}@media screen and (min-width: 992px){.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-lg-1{width:8.3333%}.p-lg-2{width:16.6667%}.p-lg-3{width:25%}.p-lg-4{width:33.3333%}.p-lg-5{width:41.6667%}.p-lg-6{width:50%}.p-lg-7{width:58.3333%}.p-lg-8{width:66.6667%}.p-lg-9{width:75%}.p-lg-10{width:83.3333%}.p-lg-11{width:91.6667%}.p-lg-12{width:100%}.p-lg-offset-12{margin-left:100%}.p-lg-offset-11{margin-left:91.66666667%}.p-lg-offset-10{margin-left:83.33333333%}.p-lg-offset-9{margin-left:75%}.p-lg-offset-8{margin-left:66.66666667%}.p-lg-offset-7{margin-left:58.33333333%}.p-lg-offset-6{margin-left:50%}.p-lg-offset-5{margin-left:41.66666667%}.p-lg-offset-4{margin-left:33.33333333%}.p-lg-offset-3{margin-left:25%}.p-lg-offset-2{margin-left:16.66666667%}.p-lg-offset-1{margin-left:8.33333333%}.p-lg-offset-0{margin-left:0%}}@media screen and (min-width: 1200px){.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-xl-1{width:8.3333%}.p-xl-2{width:16.6667%}.p-xl-3{width:25%}.p-xl-4{width:33.3333%}.p-xl-5{width:41.6667%}.p-xl-6{width:50%}.p-xl-7{width:58.3333%}.p-xl-8{width:66.6667%}.p-xl-9{width:75%}.p-xl-10{width:83.3333%}.p-xl-11{width:91.6667%}.p-xl-12{width:100%}.p-xl-offset-12{margin-left:100%}.p-xl-offset-11{margin-left:91.66666667%}.p-xl-offset-10{margin-left:83.33333333%}.p-xl-offset-9{margin-left:75%}.p-xl-offset-8{margin-left:66.66666667%}.p-xl-offset-7{margin-left:58.33333333%}.p-xl-offset-6{margin-left:50%}.p-xl-offset-5{margin-left:41.66666667%}.p-xl-offset-4{margin-left:33.33333333%}.p-xl-offset-3{margin-left:25%}.p-xl-offset-2{margin-left:16.66666667%}.p-xl-offset-1{margin-left:8.33333333%}.p-xl-offset-0{margin-left:0%}}.p-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.p-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.p-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.p-justify-around{-ms-flex-pack:distribute;justify-content:space-around}.p-justify-even{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.p-align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.p-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.p-align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.p-col-align-start{-ms-flex-item-align:start;align-self:flex-start}.p-col-align-end{-ms-flex-item-align:end;align-self:flex-end}.p-col-align-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.p-col-align-baseline{-ms-flex-item-align:baseline;align-self:baseline}.p-col-align-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.p-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.p-dir-rev{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.p-dir-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dir-col-rev{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.p-dir-col>.p-col,.p-dir-col-rev>.p-col{-ms-flex-preferred-size:auto;flex-basis:auto}.p-col-order-first{-ms-flex-order:-1;order:-1}.p-col-order-last{-ms-flex-order:13;order:13}.p-col-order-0{-ms-flex-order:0;order:0}.p-col-order-1{-ms-flex-order:1;order:1}.p-col-order-2{-ms-flex-order:2;order:2}.p-col-order-3{-ms-flex-order:3;order:3}.p-col-order-4{-ms-flex-order:4;order:4}.p-col-order-5{-ms-flex-order:5;order:5}.p-col-order-6{-ms-flex-order:6;order:6}.p-col-order-7{-ms-flex-order:7;order:7}.p-col-order-8{-ms-flex-order:8;order:8}.p-col-order-9{-ms-flex-order:9;order:9}.p-col-order-10{-ms-flex-order:10;order:10}.p-col-order-11{-ms-flex-order:11;order:11}.p-col-order-12{-ms-flex-order:12;order:12}@media screen and (min-width: 576px){.p-sm-order-first{-ms-flex-order:-1;order:-1}.p-sm-order-last{-ms-flex-order:13;order:13}.p-sm-order-0{-ms-flex-order:0;order:0}.p-sm-order-1{-ms-flex-order:1;order:1}.p-sm-order-2{-ms-flex-order:2;order:2}.p-sm-order-3{-ms-flex-order:3;order:3}.p-sm-order-4{-ms-flex-order:4;order:4}.p-sm-order-5{-ms-flex-order:5;order:5}.p-sm-order-6{-ms-flex-order:6;order:6}.p-sm-order-7{-ms-flex-order:7;order:7}.p-sm-order-8{-ms-flex-order:8;order:8}.p-sm-order-9{-ms-flex-order:9;order:9}.p-sm-order-10{-ms-flex-order:10;order:10}.p-sm-order-11{-ms-flex-order:11;order:11}.p-sm-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 768px){.p-md-order-first{-ms-flex-order:-1;order:-1}.p-md-order-last{-ms-flex-order:13;order:13}.p-md-order-0{-ms-flex-order:0;order:0}.p-md-order-1{-ms-flex-order:1;order:1}.p-md-order-2{-ms-flex-order:2;order:2}.p-md-order-3{-ms-flex-order:3;order:3}.p-md-order-4{-ms-flex-order:4;order:4}.p-md-order-5{-ms-flex-order:5;order:5}.p-md-order-6{-ms-flex-order:6;order:6}.p-md-order-7{-ms-flex-order:7;order:7}.p-md-order-8{-ms-flex-order:8;order:8}.p-md-order-9{-ms-flex-order:9;order:9}.p-md-order-10{-ms-flex-order:10;order:10}.p-md-order-11{-ms-flex-order:11;order:11}.p-md-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 992px){.p-lg-order-first{-ms-flex-order:-1;order:-1}.p-lg-order-last{-ms-flex-order:13;order:13}.p-lg-order-0{-ms-flex-order:0;order:0}.p-lg-order-1{-ms-flex-order:1;order:1}.p-lg-order-2{-ms-flex-order:2;order:2}.p-lg-order-3{-ms-flex-order:3;order:3}.p-lg-order-4{-ms-flex-order:4;order:4}.p-lg-order-5{-ms-flex-order:5;order:5}.p-lg-order-6{-ms-flex-order:6;order:6}.p-lg-order-7{-ms-flex-order:7;order:7}.p-lg-order-8{-ms-flex-order:8;order:8}.p-lg-order-9{-ms-flex-order:9;order:9}.p-lg-order-10{-ms-flex-order:10;order:10}.p-lg-order-11{-ms-flex-order:11;order:11}.p-lg-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 1200px){.p-xl-order-first{-ms-flex-order:-1;order:-1}.p-xl-order-last{-ms-flex-order:13;order:13}.p-xl-order-0{-ms-flex-order:0;order:0}.p-xl-order-1{-ms-flex-order:1;order:1}.p-xl-order-2{-ms-flex-order:2;order:2}.p-xl-order-3{-ms-flex-order:3;order:3}.p-xl-order-4{-ms-flex-order:4;order:4}.p-xl-order-5{-ms-flex-order:5;order:5}.p-xl-order-6{-ms-flex-order:6;order:6}.p-xl-order-7{-ms-flex-order:7;order:7}.p-xl-order-8{-ms-flex-order:8;order:8}.p-xl-order-9{-ms-flex-order:9;order:9}.p-xl-order-10{-ms-flex-order:10;order:10}.p-xl-order-11{-ms-flex-order:11;order:11}.p-xl-order-12{-ms-flex-order:12;order:12}}.p-field{margin-bottom:1rem}.p-field>label{display:inline-block;margin-bottom:.5rem}.p-field.p-grid>label{display:flex;align-items:center}.p-field>small{margin-top:.25rem}.p-field.p-grid,.p-formgrid.p-grid{margin-top:0}.p-field.p-grid .p-col-fixed,.p-formgrid.p-grid .p-col-fixed,.p-field.p-grid .p-col,.p-formgrid.p-grid .p-col,.p-field.p-grid .p-col-1,.p-formgrid.p-grid .p-col-1,.p-field.p-grid .p-col-2,.p-formgrid.p-grid .p-col-2,.p-field.p-grid .p-col-3,.p-formgrid.p-grid .p-col-3,.p-field.p-grid .p-col-4,.p-formgrid.p-grid .p-col-4,.p-field.p-grid .p-col-5,.p-formgrid.p-grid .p-col-5,.p-field.p-grid .p-col-6,.p-formgrid.p-grid .p-col-6,.p-field.p-grid .p-col-7,.p-formgrid.p-grid .p-col-7,.p-field.p-grid .p-col-8,.p-formgrid.p-grid .p-col-8,.p-field.p-grid .p-col-9,.p-formgrid.p-grid .p-col-9,.p-field.p-grid .p-col-10,.p-formgrid.p-grid .p-col-10,.p-field.p-grid .p-col-11,.p-formgrid.p-grid .p-col-11,.p-field.p-grid .p-col-12,.p-formgrid.p-grid .p-col-12{padding-top:0;padding-bottom:0}.p-formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.p-formgroup-inline .p-field,.p-formgroup-inline .p-field-checkbox,.p-formgroup-inline .p-field-radiobutton{margin-right:1rem}.p-formgroup-inline .p-field>label,.p-formgroup-inline .p-field-checkbox>label,.p-formgroup-inline .p-field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.p-field-checkbox,.p-field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.p-field-checkbox>label,.p-field-radiobutton>label{margin-left:.5rem;line-height:1}.p-d-none{display:none !important}.p-d-inline{display:inline !important}.p-d-inline-block{display:inline-block !important}.p-d-block{display:block !important}.p-d-flex{display:flex !important}.p-d-inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.p-d-sm-none{display:none !important}.p-d-sm-inline{display:inline !important}.p-d-sm-inline-block{display:inline-block !important}.p-d-sm-block{display:block !important}.p-d-sm-flex{display:flex !important}.p-d-sm-inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.p-d-md-none{display:none !important}.p-d-md-inline{display:inline !important}.p-d-md-inline-block{display:inline-block !important}.p-d-md-block{display:block !important}.p-d-md-flex{display:flex !important}.p-d-md-inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.p-d-lg-none{display:none !important}.p-d-lg-inline{display:inline !important}.p-d-lg-inline-block{display:inline-block !important}.p-d-lg-block{display:block !important}.p-d-lg-flex{display:flex !important}.p-d-lg-inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.p-d-xl-none{display:none !important}.p-d-xl-inline{display:inline !important}.p-d-xl-inline-block{display:inline-block !important}.p-d-xl-block{display:block !important}.p-d-xl-flex{display:flex !important}.p-d-xl-inline-flex{display:inline-flex !important}}@media print{.p-d-print-none{display:none !important}.p-d-print-inline{display:inline !important}.p-d-print-inline-block{display:inline-block !important}.p-d-print-block{display:block !important}.p-d-print-flex{display:flex !important}.p-d-print-inline-flex{display:inline-flex !important}}.p-text-justify{text-align:justify !important}.p-text-left{text-align:left !important}.p-text-right{text-align:right !important}.p-text-center{text-align:center !important}.p-text-nowrap{white-space:nowrap !important}.p-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-text-lowercase{text-transform:lowercase !important}.p-text-uppercase{text-transform:uppercase !important}.p-text-capitalize{text-transform:capitalize !important}.p-text-bold{font-weight:700 !important}.p-text-normal{font-weight:400 !important}.p-text-light{font-weight:300 !important}.p-text-italic{font-style:italic !important}@media screen and (min-width: 576px){.p-text-sm-justify{text-align:justify !important}.p-text-sm-left{text-align:left !important}.p-text-sm-right{text-align:right !important}.p-text-sm-center{text-align:center !important}}@media screen and (min-width: 768px){.p-text-md-justify{text-align:justify !important}.p-text-md-left{text-align:left !important}.p-text-md-right{text-align:right !important}.p-text-md-center{text-align:center !important}}@media screen and (min-width: 992px){.p-text-lg-justify{text-align:justify !important}.p-text-lg-left{text-align:left !important}.p-text-lg-right{text-align:right !important}.p-text-lg-center{text-align:center !important}}@media screen and (min-width: 1200px){.p-text-xl-justify{text-align:justify !important}.p-text-xl-left{text-align:left !important}.p-text-xl-right{text-align:right !important}.p-text-xl-center{text-align:center !important}}.p-flex-row{flex-direction:row !important}.p-flex-row-reverse{flex-direction:row-reverse !important}.p-flex-column{flex-direction:column !important}.p-flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.p-flex-sm-row{flex-direction:row !important}.p-flex-sm-row-reverse{flex-direction:row-reverse !important}.p-flex-sm-column{flex-direction:column !important}.p-flex-sm-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.p-flex-md-row{flex-direction:row !important}.p-flex-md-row-reverse{flex-direction:row-reverse !important}.p-flex-md-column{flex-direction:column !important}.p-flex-md-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.p-flex-lg-row{flex-direction:row !important}.p-flex-lg-row-reverse{flex-direction:row-reverse !important}.p-flex-lg-column{flex-direction:column !important}.p-flex-lg-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.p-flex-xl-row{flex-direction:row !important}.p-flex-xl-row-reverse{flex-direction:row-reverse !important}.p-flex-xl-column{flex-direction:column !important}.p-flex-xl-column-reverse{flex-direction:column-reverse !important}}.p-jc-start{justify-content:flex-start}.p-jc-end{justify-content:flex-end}.p-jc-center{justify-content:center}.p-jc-between{justify-content:space-between}.p-jc-around{justify-content:space-around}.p-jc-evenly{justify-content:space-evenly}@media screen and (min-width: 576px){.p-jc-sm-start{justify-content:flex-start}.p-jc-sm-end{justify-content:flex-end}.p-jc-sm-center{justify-content:center}.p-jc-sm-between{justify-content:space-between}.p-jc-sm-around{justify-content:space-around}.p-jc-sm-evenly{justify-content:space-evenly}}@media screen and (min-width: 768px){.p-jc-md-start{justify-content:flex-start}.p-jc-md-end{justify-content:flex-end}.p-jc-md-center{justify-content:center}.p-jc-md-between{justify-content:space-between}.p-jc-md-around{justify-content:space-around}.p-jc-md-evenly{justify-content:space-evenly}}@media screen and (min-width: 992px){.p-jc-lg-start{justify-content:flex-start}.p-jc-lg-end{justify-content:flex-end}.p-jc-lg-center{justify-content:center}.p-jc-lg-between{justify-content:space-between}.p-jc-lg-around{justify-content:space-around}.p-jc-lg-evenly{justify-content:space-evenly}}@media screen and (min-width: 1200px){.p-jc-xl-start{justify-content:flex-start}.p-jc-xl-end{justify-content:flex-end}.p-jc-xl-center{justify-content:center}.p-jc-xl-between{justify-content:space-between}.p-jc-xl-around{justify-content:space-around}.p-jc-xl-evenly{justify-content:space-evenly}}.p-ai-start{align-items:flex-start}.p-ai-end{align-items:flex-end}.p-ai-center{align-items:center}.p-ai-baseline{align-items:baseline}.p-ai-stretch{align-items:stretch}@media screen and (min-width: 576px){.p-ai-sm-start{align-items:flex-start}.p-ai-sm-end{align-items:flex-end}.p-ai-sm-center{align-items:center}.p-ai-sm-baseline{align-items:baseline}.p-ai-sm-stretch{align-items:stretch}}@media screen and (min-width: 768px){.p-ai-md-start{align-items:flex-start}.p-ai-md-end{align-items:flex-end}.p-ai-md-center{align-items:center}.p-ai-md-baseline{align-items:baseline}.p-ai-md-stretch{align-items:stretch}}@media screen and (min-width: 992px){.p-ai-lg-start{align-items:flex-start}.p-ai-lg-end{align-items:flex-end}.p-ai-lg-center{align-items:center}.p-ai-lg-baseline{align-items:baseline}.p-ai-lg-stretch{align-items:stretch}}@media screen and (min-width: 1200px){.p-ai-xl-start{align-items:flex-start}.p-ai-xl-end{align-items:flex-end}.p-ai-xl-center{align-items:center}.p-ai-xl-baseline{align-items:baseline}.p-ai-xl-stretch{align-items:stretch}}.p-as-start{align-self:start}.p-as-end{align-self:flex-end}.p-as-center{align-self:center}.p-as-baseline{align-self:baseline}.p-as-stretch{align-self:stretch}@media screen and (min-width: 576px){.p-as-sm-start{align-self:start}.p-as-sm-end{align-self:flex-end}.p-as-sm-center{align-self:center}.p-as-sm-baseline{align-self:baseline}.p-as-sm-stretch{align-self:stretch}}@media screen and (min-width: 768px){.p-as-md-start{align-self:start}.p-as-md-end{align-self:flex-end}.p-as-md-center{align-self:center}.p-as-md-baseline{align-self:baseline}.p-as-md-stretch{align-self:stretch}}@media screen and (min-width: 992px){.p-as-lg-start{align-self:start}.p-as-lg-end{align-self:flex-end}.p-as-lg-center{align-self:center}.p-as-lg-baseline{align-self:baseline}.p-as-lg-stretch{align-self:stretch}}@media screen and (min-width: 1200px){.p-as-xl-start{align-self:start}.p-as-xl-end{align-self:flex-end}.p-as-xl-center{align-self:center}.p-as-xl-baseline{align-self:baseline}.p-as-xl-stretch{align-self:stretch}}.p-ac-start{align-content:flex-start}.p-ac-end{align-content:flex-end}.p-ac-center{align-content:center}.p-ac-around{align-content:space-around}.p-ac-stretch{align-content:stretch}.p-ac-between{align-content:space-between}@media screen and (min-width: 576px){.p-ac-sm-start{align-content:flex-start}.p-ac-sm-end{align-content:flex-end}.p-ac-sm-center{align-content:center}.p-ac-sm-around{align-content:space-around}.p-ac-sm-stretch{align-content:stretch}.p-ac-sm-between{align-content:space-between}}@media screen and (min-width: 768px){.p-ac-md-start{align-content:flex-start}.p-ac-md-end{align-content:flex-end}.p-ac-md-center{align-content:center}.p-ac-md-around{align-content:space-around}.p-ac-md-stretch{align-content:stretch}.p-ac-md-between{align-content:space-between}}@media screen and (min-width: 992px){.p-ac-lg-start{align-content:flex-start}.p-ac-lg-end{align-content:flex-end}.p-ac-lg-center{align-content:center}.p-ac-lg-around{align-content:space-around}.p-ac-lg-stretch{align-content:stretch}.p-ac-lg-between{align-content:space-between}}@media screen and (min-width: 1200px){.p-ac-xl-start{align-content:flex-start}.p-ac-xl-end{align-content:flex-end}.p-ac-xl-center{align-content:center}.p-ac-xl-around{align-content:space-around}.p-ac-xl-stretch{align-content:stretch}.p-ac-xl-between{align-content:space-between}}.p-order-0{order:0}.p-order-1{order:1}.p-order-2{order:2}.p-order-3{order:3}.p-order-4{order:4}.p-order-5{order:5}.p-order-6{order:6}@media screen and (min-width: 576px){.p-order-sm-0{order:0}.p-order-sm-1{order:1}.p-order-sm-2{order:2}.p-order-sm-3{order:3}.p-order-sm-4{order:4}.p-order-sm-5{order:5}.p-order-sm-6{order:6}}@media screen and (min-width: 768px){.p-order-md-0{order:0}.p-order-md-1{order:1}.p-order-md-2{order:2}.p-order-md-3{order:3}.p-order-md-4{order:4}.p-order-md-5{order:5}.p-order-md-6{order:6}}@media screen and (min-width: 992px){.p-order-lg-0{order:0}.p-order-lg-1{order:1}.p-order-lg-2{order:2}.p-order-lg-3{order:3}.p-order-lg-4{order:4}.p-order-lg-5{order:5}.p-order-lg-6{order:6}}@media screen and (min-width: 1200px){.p-order-xl-0{order:0}.p-order-xl-1{order:1}.p-order-xl-2{order:2}.p-order-xl-3{order:3}.p-order-xl-4{order:4}.p-order-xl-5{order:5}.p-order-xl-6{order:6}}.p-flex-nowrap{flex-wrap:nowrap}.p-flex-wrap{flex-wrap:wrap}.p-flex-wrap-reverse{flex-wrap:wrap-reverse}@media screen and (min-width: 576px){.p-flex-sm-nowrap{flex-wrap:nowrap}.p-flex-sm-wrap{flex-wrap:wrap}.p-flex-sm-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 768px){.p-flex-md-nowrap{flex-wrap:nowrap}.p-flex-md-wrap{flex-wrap:wrap}.p-flex-md-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 992px){.p-flex-lg-nowrap{flex-wrap:nowrap}.p-flex-lg-wrap{flex-wrap:wrap}.p-flex-lg-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 1200px){.p-flex-xl-nowrap{flex-wrap:nowrap}.p-flex-xl-wrap{flex-wrap:wrap}.p-flex-xl-wrap-reverse{flex-wrap:wrap-reverse}}.p-pt-0{padding-top:0 !important}.p-pt-1{padding-top:.25rem !important}.p-pt-2{padding-top:.5rem !important}.p-pt-3{padding-top:1rem !important}.p-pt-4{padding-top:1.5rem !important}.p-pt-5{padding-top:2rem !important}.p-pt-6{padding-top:3rem !important}.p-pr-0{padding-right:0 !important}.p-pr-1{padding-right:.25rem !important}.p-pr-2{padding-right:.5rem !important}.p-pr-3{padding-right:1rem !important}.p-pr-4{padding-right:1.5rem !important}.p-pr-5{padding-right:2rem !important}.p-pr-6{padding-right:3rem !important}.p-pl-0{padding-left:0 !important}.p-pl-1{padding-left:.25rem !important}.p-pl-2{padding-left:.5rem !important}.p-pl-3{padding-left:1rem !important}.p-pl-4{padding-left:1.5rem !important}.p-pl-5{padding-left:2rem !important}.p-pl-6{padding-left:3rem !important}.p-pb-0{padding-bottom:0 !important}.p-pb-1{padding-bottom:.25rem !important}.p-pb-2{padding-bottom:.5rem !important}.p-pb-3{padding-bottom:1rem !important}.p-pb-4{padding-bottom:1.5rem !important}.p-pb-5{padding-bottom:2rem !important}.p-pb-6{padding-bottom:3rem !important}.p-px-0{padding-left:0 !important;padding-right:0 !important}.p-px-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-0{padding:0 !important}.p-p-1{padding:.25rem !important}.p-p-2{padding:.5rem !important}.p-p-3{padding:1rem !important}.p-p-4{padding:1.5rem !important}.p-p-5{padding:2rem !important}.p-p-6{padding:3rem !important}@media screen and (min-width: 576px){.p-pt-sm-0{padding-top:0 !important}.p-pt-sm-1{padding-top:.25rem !important}.p-pt-sm-2{padding-top:.5rem !important}.p-pt-sm-3{padding-top:1rem !important}.p-pt-sm-4{padding-top:1.5rem !important}.p-pt-sm-5{padding-top:2rem !important}.p-pt-sm-6{padding-top:3rem !important}.p-pr-sm-0{padding-right:0 !important}.p-pr-sm-1{padding-right:.25rem !important}.p-pr-sm-2{padding-right:.5rem !important}.p-pr-sm-3{padding-right:1rem !important}.p-pr-sm-4{padding-right:1.5rem !important}.p-pr-sm-5{padding-right:2rem !important}.p-pr-sm-6{padding-right:3rem !important}.p-pl-sm-0{padding-left:0 !important}.p-pl-sm-1{padding-left:.25rem !important}.p-pl-sm-2{padding-left:.5rem !important}.p-pl-sm-3{padding-left:1rem !important}.p-pl-sm-4{padding-left:1.5rem !important}.p-pl-sm-5{padding-left:2rem !important}.p-pl-sm-6{padding-left:3rem !important}.p-pb-sm-0{padding-bottom:0 !important}.p-pb-sm-1{padding-bottom:.25rem !important}.p-pb-sm-2{padding-bottom:.5rem !important}.p-pb-sm-3{padding-bottom:1rem !important}.p-pb-sm-4{padding-bottom:1.5rem !important}.p-pb-sm-5{padding-bottom:2rem !important}.p-pb-sm-6{padding-bottom:3rem !important}.p-px-sm-0{padding-left:0 !important;padding-right:0 !important}.p-px-sm-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-sm-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-sm-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-sm-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-sm-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-sm-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-sm-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-sm-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-sm-0{padding:0 !important}.p-p-sm-1{padding:.25rem !important}.p-p-sm-2{padding:.5rem !important}.p-p-sm-3{padding:1rem !important}.p-p-sm-4{padding:1.5rem !important}.p-p-sm-5{padding:2rem !important}.p-p-sm-6{padding:3rem !important}}@media screen and (min-width: 768px){.p-pt-md-0{padding-top:0 !important}.p-pt-md-1{padding-top:.25rem !important}.p-pt-md-2{padding-top:.5rem !important}.p-pt-md-3{padding-top:1rem !important}.p-pt-md-4{padding-top:1.5rem !important}.p-pt-md-5{padding-top:2rem !important}.p-pt-md-6{padding-top:3rem !important}.p-pr-md-0{padding-right:0 !important}.p-pr-md-1{padding-right:.25rem !important}.p-pr-md-2{padding-right:.5rem !important}.p-pr-md-3{padding-right:1rem !important}.p-pr-md-4{padding-right:1.5rem !important}.p-pr-md-5{padding-right:2rem !important}.p-pr-md-6{padding-right:3rem !important}.p-pl-md-0{padding-left:0 !important}.p-pl-md-1{padding-left:.25rem !important}.p-pl-md-2{padding-left:.5rem !important}.p-pl-md-3{padding-left:1rem !important}.p-pl-md-4{padding-left:1.5rem !important}.p-pl-md-5{padding-left:2rem !important}.p-pl-md-6{padding-left:3rem !important}.p-pb-md-0{padding-bottom:0 !important}.p-pb-md-1{padding-bottom:.25rem !important}.p-pb-md-2{padding-bottom:.5rem !important}.p-pb-md-3{padding-bottom:1rem !important}.p-pb-md-4{padding-bottom:1.5rem !important}.p-pb-md-5{padding-bottom:2rem !important}.p-pb-md-6{padding-bottom:3rem !important}.p-px-md-0{padding-left:0 !important;padding-right:0 !important}.p-px-md-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-md-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-md-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-md-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-md-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-md-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-md-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-md-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-md-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-md-0{padding:0 !important}.p-p-md-1{padding:.25rem !important}.p-p-md-2{padding:.5rem !important}.p-p-md-3{padding:1rem !important}.p-p-md-4{padding:1.5rem !important}.p-p-md-5{padding:2rem !important}.p-p-md-6{padding:3rem !important}}@media screen and (min-width: 992px){.p-pt-lg-0{padding-top:0 !important}.p-pt-lg-1{padding-top:.25rem !important}.p-pt-lg-2{padding-top:.5rem !important}.p-pt-lg-3{padding-top:1rem !important}.p-pt-lg-4{padding-top:1.5rem !important}.p-pt-lg-5{padding-top:2rem !important}.p-pt-lg-6{padding-top:3rem !important}.p-pt-lg-auto{padding-top:3rem !important}.p-pr-lg-0{padding-right:0 !important}.p-pr-lg-1{padding-right:.25rem !important}.p-pr-lg-2{padding-right:.5rem !important}.p-pr-lg-3{padding-right:1rem !important}.p-pr-lg-4{padding-right:1.5rem !important}.p-pr-lg-5{padding-right:2rem !important}.p-pr-lg-6{padding-right:3rem !important}.p-pl-lg-0{padding-left:0 !important}.p-pl-lg-1{padding-left:.25rem !important}.p-pl-lg-2{padding-left:.5rem !important}.p-pl-lg-3{padding-left:1rem !important}.p-pl-lg-4{padding-left:1.5rem !important}.p-pl-lg-5{padding-left:2rem !important}.p-pl-lg-6{padding-left:3rem !important}.p-pb-lg-0{padding-bottom:0 !important}.p-pb-lg-1{padding-bottom:.25rem !important}.p-pb-lg-2{padding-bottom:.5rem !important}.p-pb-lg-3{padding-bottom:1rem !important}.p-pb-lg-4{padding-bottom:1.5rem !important}.p-pb-lg-5{padding-bottom:2rem !important}.p-pb-lg-6{padding-bottom:3rem !important}.p-px-lg-0{padding-left:0 !important;padding-right:0 !important}.p-px-lg-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-lg-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-lg-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-lg-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-lg-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-lg-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-lg-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-lg-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-lg-0{padding:0 !important}.p-p-lg-1{padding:.25rem !important}.p-p-lg-2{padding:.5rem !important}.p-p-lg-3{padding:1rem !important}.p-p-lg-4{padding:1.5rem !important}.p-p-lg-5{padding:2rem !important}.p-p-lg-6{padding:3rem !important}}@media screen and (min-width: 1200px){.p-pt-xl-0{padding-top:0 !important}.p-pt-xl-1{padding-top:.25rem !important}.p-pt-xl-2{padding-top:.5rem !important}.p-pt-xl-3{padding-top:1rem !important}.p-pt-xl-4{padding-top:1.5rem !important}.p-pt-xl-5{padding-top:2rem !important}.p-pt-xl-6{padding-top:3rem !important}.p-pr-xl-0{padding-right:0 !important}.p-pr-xl-1{padding-right:.25rem !important}.p-pr-xl-2{padding-right:.5rem !important}.p-pr-xl-3{padding-right:1rem !important}.p-pr-xl-4{padding-right:1.5rem !important}.p-pr-xl-5{padding-right:2rem !important}.p-pr-xl-6{padding-right:3rem !important}.p-pl-xl-0{padding-left:0 !important}.p-pl-xl-1{padding-left:.25rem !important}.p-pl-xl-2{padding-left:.5rem !important}.p-pl-xl-3{padding-left:1rem !important}.p-pl-xl-4{padding-left:1.5rem !important}.p-pl-xl-5{padding-left:2rem !important}.p-pl-xl-6{padding-left:3rem !important}.p-pb-xl-0{padding-bottom:0 !important}.p-pb-xl-1{padding-bottom:.25rem !important}.p-pb-xl-2{padding-bottom:.5rem !important}.p-pb-xl-3{padding-bottom:1rem !important}.p-pb-xl-4{padding-bottom:1.5rem !important}.p-pb-xl-5{padding-bottom:2rem !important}.p-pb-xl-6{padding-bottom:3rem !important}.p-px-xl-0{padding-left:0 !important;padding-right:0 !important}.p-px-xl-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-xl-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-xl-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-xl-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-xl-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-xl-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-xl-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-xl-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-xl-0{padding:0 !important}.p-p-xl-1{padding:.25rem !important}.p-p-xl-2{padding:.5rem !important}.p-p-xl-3{padding:1rem !important}.p-p-xl-4{padding:1.5rem !important}.p-p-xl-5{padding:2rem !important}.p-p-xl-6{padding:3rem !important}}.p-mt-0{margin-top:0 !important}.p-mt-1{margin-top:.25rem !important}.p-mt-2{margin-top:.5rem !important}.p-mt-3{margin-top:1rem !important}.p-mt-4{margin-top:1.5rem !important}.p-mt-5{margin-top:2rem !important}.p-mt-6{margin-top:3rem !important}.p-mt-auto{margin-top:auto !important}.p-mr-0{margin-right:0 !important}.p-mr-1{margin-right:.25rem !important}.p-mr-2{margin-right:.5rem !important}.p-mr-3{margin-right:1rem !important}.p-mr-4{margin-right:1.5rem !important}.p-mr-5{margin-right:2rem !important}.p-mr-6{margin-right:3rem !important}.p-mr-auto{margin-right:auto !important}.p-ml-0{margin-left:0 !important}.p-ml-1{margin-left:.25rem !important}.p-ml-2{margin-left:.5rem !important}.p-ml-3{margin-left:1rem !important}.p-ml-4{margin-left:1.5rem !important}.p-ml-5{margin-left:2rem !important}.p-ml-6{margin-left:3rem !important}.p-ml-auto{margin-left:auto !important}.p-mb-0{margin-bottom:0 !important}.p-mb-1{margin-bottom:.25rem !important}.p-mb-2{margin-bottom:.5rem !important}.p-mb-3{margin-bottom:1rem !important}.p-mb-4{margin-bottom:1.5rem !important}.p-mb-5{margin-bottom:2rem !important}.p-mb-6{margin-bottom:3rem !important}.p-mb-auto{margin-bottom:auto !important}.p-mx-0{margin-left:0 !important;margin-right:0 !important}.p-mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-auto{margin-left:auto !important;margin-right:auto !important}.p-my-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-0{margin:0 !important}.p-m-1{margin:.25rem !important}.p-m-2{margin:.5rem !important}.p-m-3{margin:1rem !important}.p-m-4{margin:1.5rem !important}.p-m-5{margin:2rem !important}.p-m-6{margin:3rem !important}.p-m-auto{margin:auto !important}@media screen and (min-width: 576px){.p-mt-sm-0{margin-top:0 !important}.p-mt-sm-1{margin-top:.25rem !important}.p-mt-sm-2{margin-top:.5rem !important}.p-mt-sm-3{margin-top:1rem !important}.p-mt-sm-4{margin-top:1.5rem !important}.p-mt-sm-5{margin-top:2rem !important}.p-mt-sm-6{margin-top:3rem !important}.p-mt-sm-auto{margin-top:3rem !important}.p-mr-sm-0{margin-right:0 !important}.p-mr-sm-1{margin-right:.25rem !important}.p-mr-sm-2{margin-right:.5rem !important}.p-mr-sm-3{margin-right:1rem !important}.p-mr-sm-4{margin-right:1.5rem !important}.p-mr-sm-5{margin-right:2rem !important}.p-mr-sm-6{margin-right:3rem !important}.p-mr-sm-auto{margin-right:auto !important}.p-ml-sm-0{margin-left:0 !important}.p-ml-sm-1{margin-left:.25rem !important}.p-ml-sm-2{margin-left:.5rem !important}.p-ml-sm-3{margin-left:1rem !important}.p-ml-sm-4{margin-left:1.5rem !important}.p-ml-sm-5{margin-left:2rem !important}.p-ml-sm-6{margin-left:3rem !important}.p-ml-sm-auto{margin-left:auto !important}.p-mb-sm-0{margin-bottom:0 !important}.p-mb-sm-1{margin-bottom:.25rem !important}.p-mb-sm-2{margin-bottom:.5rem !important}.p-mb-sm-3{margin-bottom:1rem !important}.p-mb-sm-4{margin-bottom:1.5rem !important}.p-mb-sm-5{margin-bottom:2rem !important}.p-mb-sm-6{margin-bottom:3rem !important}.p-mb-sm-auto{margin-bottom:auto !important}.p-mx-sm-0{margin-left:0 !important;margin-right:0 !important}.p-mx-sm-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-sm-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-sm-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-sm-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-sm-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-sm-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-sm-auto{margin-left:auto !important;margin-right:auto !important}.p-my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-sm-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-sm-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-sm-0{margin:0 !important}.p-m-sm-1{margin:.25rem !important}.p-m-sm-2{margin:.5rem !important}.p-m-sm-3{margin:1rem !important}.p-m-sm-4{margin:1.5rem !important}.p-m-sm-5{margin:2rem !important}.p-m-sm-6{margin:3rem !important}.p-m-sm-auto{margin:auto !important}}@media screen and (min-width: 768px){.p-mt-md-0{margin-top:0 !important}.p-mt-md-1{margin-top:.25rem !important}.p-mt-md-2{margin-top:.5rem !important}.p-mt-md-3{margin-top:1rem !important}.p-mt-md-4{margin-top:1.5rem !important}.p-mt-md-5{margin-top:2rem !important}.p-mt-md-6{margin-top:3rem !important}.p-mt-md-auto{margin-top:3rem !important}.p-mr-md-0{margin-right:0 !important}.p-mr-md-1{margin-right:.25rem !important}.p-mr-md-2{margin-right:.5rem !important}.p-mr-md-3{margin-right:1rem !important}.p-mr-md-4{margin-right:1.5rem !important}.p-mr-md-5{margin-right:2rem !important}.p-mr-md-6{margin-right:3rem !important}.p-mr-md-auto{margin-right:auto !important}.p-ml-md-0{margin-left:0 !important}.p-ml-md-1{margin-left:.25rem !important}.p-ml-md-2{margin-left:.5rem !important}.p-ml-md-3{margin-left:1rem !important}.p-ml-md-4{margin-left:1.5rem !important}.p-ml-md-5{margin-left:2rem !important}.p-ml-md-6{margin-left:3rem !important}.p-ml-md-auto{margin-left:auto !important}.p-mb-md-0{margin-bottom:0 !important}.p-mb-md-1{margin-bottom:.25rem !important}.p-mb-md-2{margin-bottom:.5rem !important}.p-mb-md-3{margin-bottom:1rem !important}.p-mb-md-4{margin-bottom:1.5rem !important}.p-mb-md-5{margin-bottom:2rem !important}.p-mb-md-6{margin-bottom:3rem !important}.p-mb-md-auto{margin-bottom:auto !important}.p-mx-md-0{margin-left:0 !important;margin-right:0 !important}.p-mx-md-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-md-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-md-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-md-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-md-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-md-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-md-auto{margin-left:auto !important;margin-right:auto !important}.p-my-md-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-md-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-md-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-md-0{margin:0 !important}.p-m-md-1{margin:.25rem !important}.p-m-md-2{margin:.5rem !important}.p-m-md-3{margin:1rem !important}.p-m-md-4{margin:1.5rem !important}.p-m-md-5{margin:2rem !important}.p-m-md-6{margin:3rem !important}.p-m-md-auto{margin:auto !important}}@media screen and (min-width: 992px){.p-mt-lg-0{margin-top:0 !important}.p-mt-lg-1{margin-top:.25rem !important}.p-mt-lg-2{margin-top:.5rem !important}.p-mt-lg-3{margin-top:1rem !important}.p-mt-lg-4{margin-top:1.5rem !important}.p-mt-lg-5{margin-top:2rem !important}.p-mt-lg-6{margin-top:3rem !important}.p-mt-lg-auto{margin-top:3rem !important}.p-mr-lg-0{margin-right:0 !important}.p-mr-lg-1{margin-right:.25rem !important}.p-mr-lg-2{margin-right:.5rem !important}.p-mr-lg-3{margin-right:1rem !important}.p-mr-lg-4{margin-right:1.5rem !important}.p-mr-lg-5{margin-right:2rem !important}.p-mr-lg-6{margin-right:3rem !important}.p-mr-lg-auto{margin-right:auto !important}.p-ml-lg-0{margin-left:0 !important}.p-ml-lg-1{margin-left:.25rem !important}.p-ml-lg-2{margin-left:.5rem !important}.p-ml-lg-3{margin-left:1rem !important}.p-ml-lg-4{margin-left:1.5rem !important}.p-ml-lg-5{margin-left:2rem !important}.p-ml-lg-6{margin-left:3rem !important}.p-ml-lg-auto{margin-left:auto !important}.p-mb-lg-0{margin-bottom:0 !important}.p-mb-lg-1{margin-bottom:.25rem !important}.p-mb-lg-2{margin-bottom:.5rem !important}.p-mb-lg-3{margin-bottom:1rem !important}.p-mb-lg-4{margin-bottom:1.5rem !important}.p-mb-lg-5{margin-bottom:2rem !important}.p-mb-lg-6{margin-bottom:3rem !important}.p-mb-lg-auto{margin-bottom:auto !important}.p-mx-lg-0{margin-left:0 !important;margin-right:0 !important}.p-mx-lg-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-lg-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-lg-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-lg-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-lg-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-lg-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-lg-auto{margin-left:auto !important;margin-right:auto !important}.p-my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-lg-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-lg-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-lg-0{margin:0 !important}.p-m-lg-1{margin:.25rem !important}.p-m-lg-2{margin:.5rem !important}.p-m-lg-3{margin:1rem !important}.p-m-lg-4{margin:1.5rem !important}.p-m-lg-5{margin:2rem !important}.p-m-lg-6{margin:3rem !important}.p-m-lg-auto{margin:auto !important}}@media screen and (min-width: 1200px){.p-mt-xl-0{margin-top:0 !important}.p-mt-xl-1{margin-top:.25rem !important}.p-mt-xl-2{margin-top:.5rem !important}.p-mt-xl-3{margin-top:1rem !important}.p-mt-xl-4{margin-top:1.5rem !important}.p-mt-xl-5{margin-top:2rem !important}.p-mt-xl-6{margin-top:3rem !important}.p-mt-xl-auto{margin-top:3rem !important}.p-mr-xl-0{margin-right:0 !important}.p-mr-xl-1{margin-right:.25rem !important}.p-mr-xl-2{margin-right:.5rem !important}.p-mr-xl-3{margin-right:1rem !important}.p-mr-xl-4{margin-right:1.5rem !important}.p-mr-xl-5{margin-right:2rem !important}.p-mr-xl-6{margin-right:3rem !important}.p-mr-xl-auto{margin-right:auto !important}.p-ml-xl-0{margin-left:0 !important}.p-ml-xl-1{margin-left:.25rem !important}.p-ml-xl-2{margin-left:.5rem !important}.p-ml-xl-3{margin-left:1rem !important}.p-ml-xl-4{margin-left:1.5rem !important}.p-ml-xl-5{margin-left:2rem !important}.p-ml-xl-6{margin-left:3rem !important}.p-ml-xl-auto{margin-left:auto !important}.p-mb-xl-0{margin-bottom:0 !important}.p-mb-xl-1{margin-bottom:.25rem !important}.p-mb-xl-2{margin-bottom:.5rem !important}.p-mb-xl-3{margin-bottom:1rem !important}.p-mb-xl-4{margin-bottom:1.5rem !important}.p-mb-xl-5{margin-bottom:2rem !important}.p-mb-xl-6{margin-bottom:3rem !important}.p-mb-xl-auto{margin-bottom:auto !important}.p-mx-xl-0{margin-left:0 !important;margin-right:0 !important}.p-mx-xl-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-xl-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-xl-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-xl-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-xl-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-xl-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-xl-auto{margin-left:auto !important;margin-right:auto !important}.p-my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-xl-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-xl-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-xl-0{margin:0 !important}.p-m-xl-1{margin:.25rem !important}.p-m-xl-2{margin:.5rem !important}.p-m-xl-3{margin:1rem !important}.p-m-xl-4{margin:1.5rem !important}.p-m-xl-5{margin:2rem !important}.p-m-xl-6{margin:3rem !important}.p-m-xl-auto{margin:auto !important}}.p-shadow-1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.p-shadow-2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.p-shadow-3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.p-shadow-4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.p-shadow-5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.p-shadow-6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.p-shadow-7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.p-shadow-8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.p-shadow-9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.p-shadow-10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.p-shadow-11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.p-shadow-12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.p-shadow-13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.p-shadow-14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.p-shadow-15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.p-shadow-16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.p-shadow-17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.p-shadow-18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.p-shadow-19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.p-shadow-20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.p-shadow-21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.p-shadow-22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.p-shadow-23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.p-shadow-24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex.min.css b/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex.min.css new file mode 100644 index 0000000..bfe2752 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/css/primeflex.min.css @@ -0,0 +1 @@ +.grid{display:flex;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem;margin-top:-0.5rem}.grid>.col,.grid>[class*=col]{box-sizing:border-box}.grid-nogutter{margin-right:0;margin-left:0;margin-top:0}.grid-nogutter>.col,.grid-nogutter>[class*=col-]{padding:0}.col{flex-grow:1;flex-basis:0;padding:.5rem}.col-fixed{flex:0 0 auto;padding:.5rem}.col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.col-3{flex:0 0 auto;padding:.5rem;width:25%}.col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.col-6{flex:0 0 auto;padding:.5rem;width:50%}.col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.col-9{flex:0 0 auto;padding:.5rem;width:75%}.col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.col-12{flex:0 0 auto;padding:.5rem;width:100%}@media screen and (min-width: 576px){.sm\:col{flex-grow:1;flex-basis:0;padding:.5rem}.sm\:col-fixed{flex:0 0 auto;padding:.5rem}.sm\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.sm\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.sm\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.sm\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.sm\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.sm\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.sm\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.sm\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.sm\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.sm\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.sm\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.sm\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 768px){.md\:col{flex-grow:1;flex-basis:0;padding:.5rem}.md\:col-fixed{flex:0 0 auto;padding:.5rem}.md\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.md\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.md\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.md\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.md\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.md\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.md\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.md\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.md\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.md\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.md\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.md\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 992px){.lg\:col{flex-grow:1;flex-basis:0;padding:.5rem}.lg\:col-fixed{flex:0 0 auto;padding:.5rem}.lg\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.lg\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.lg\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.lg\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.lg\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.lg\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.lg\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.lg\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.lg\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.lg\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.lg\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.lg\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 1200px){.xl\:col{flex-grow:1;flex-basis:0;padding:.5rem}.xl\:col-fixed{flex:0 0 auto;padding:.5rem}.xl\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.xl\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.xl\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.xl\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.xl\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.xl\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.xl\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.xl\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.xl\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.xl\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.xl\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.xl\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}.col-offset-0{margin-left:0 !important}.col-offset-1{margin-left:8.3333% !important}.col-offset-2{margin-left:16.6667% !important}.col-offset-3{margin-left:25% !important}.col-offset-4{margin-left:33.3333% !important}.col-offset-5{margin-left:41.6667% !important}.col-offset-6{margin-left:50% !important}.col-offset-7{margin-left:58.3333% !important}.col-offset-8{margin-left:66.6667% !important}.col-offset-9{margin-left:75% !important}.col-offset-10{margin-left:83.3333% !important}.col-offset-11{margin-left:91.6667% !important}.col-offset-12{margin-left:100% !important}@media screen and (min-width: 576px){.sm\:col-offset-0{margin-left:0 !important}.sm\:col-offset-1{margin-left:8.3333% !important}.sm\:col-offset-2{margin-left:16.6667% !important}.sm\:col-offset-3{margin-left:25% !important}.sm\:col-offset-4{margin-left:33.3333% !important}.sm\:col-offset-5{margin-left:41.6667% !important}.sm\:col-offset-6{margin-left:50% !important}.sm\:col-offset-7{margin-left:58.3333% !important}.sm\:col-offset-8{margin-left:66.6667% !important}.sm\:col-offset-9{margin-left:75% !important}.sm\:col-offset-10{margin-left:83.3333% !important}.sm\:col-offset-11{margin-left:91.6667% !important}.sm\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 768px){.md\:col-offset-0{margin-left:0 !important}.md\:col-offset-1{margin-left:8.3333% !important}.md\:col-offset-2{margin-left:16.6667% !important}.md\:col-offset-3{margin-left:25% !important}.md\:col-offset-4{margin-left:33.3333% !important}.md\:col-offset-5{margin-left:41.6667% !important}.md\:col-offset-6{margin-left:50% !important}.md\:col-offset-7{margin-left:58.3333% !important}.md\:col-offset-8{margin-left:66.6667% !important}.md\:col-offset-9{margin-left:75% !important}.md\:col-offset-10{margin-left:83.3333% !important}.md\:col-offset-11{margin-left:91.6667% !important}.md\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 992px){.lg\:col-offset-0{margin-left:0 !important}.lg\:col-offset-1{margin-left:8.3333% !important}.lg\:col-offset-2{margin-left:16.6667% !important}.lg\:col-offset-3{margin-left:25% !important}.lg\:col-offset-4{margin-left:33.3333% !important}.lg\:col-offset-5{margin-left:41.6667% !important}.lg\:col-offset-6{margin-left:50% !important}.lg\:col-offset-7{margin-left:58.3333% !important}.lg\:col-offset-8{margin-left:66.6667% !important}.lg\:col-offset-9{margin-left:75% !important}.lg\:col-offset-10{margin-left:83.3333% !important}.lg\:col-offset-11{margin-left:91.6667% !important}.lg\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 1200px){.xl\:col-offset-0{margin-left:0 !important}.xl\:col-offset-1{margin-left:8.3333% !important}.xl\:col-offset-2{margin-left:16.6667% !important}.xl\:col-offset-3{margin-left:25% !important}.xl\:col-offset-4{margin-left:33.3333% !important}.xl\:col-offset-5{margin-left:41.6667% !important}.xl\:col-offset-6{margin-left:50% !important}.xl\:col-offset-7{margin-left:58.3333% !important}.xl\:col-offset-8{margin-left:66.6667% !important}.xl\:col-offset-9{margin-left:75% !important}.xl\:col-offset-10{margin-left:83.3333% !important}.xl\:col-offset-11{margin-left:91.6667% !important}.xl\:col-offset-12{margin-left:100% !important}}.text-0{color:var(--surface-0) !important}.text-50{color:var(--surface-50) !important}.text-100{color:var(--surface-100) !important}.text-200{color:var(--surface-200) !important}.text-300{color:var(--surface-300) !important}.text-400{color:var(--surface-400) !important}.text-500{color:var(--surface-500) !important}.text-600{color:var(--surface-600) !important}.text-700{color:var(--surface-700) !important}.text-800{color:var(--surface-800) !important}.text-900{color:var(--surface-900) !important}.focus\:text-0:focus{color:var(--surface-0) !important}.hover\:text-0:hover{color:var(--surface-0) !important}.active\:text-0:active{color:var(--surface-0) !important}.focus\:text-50:focus{color:var(--surface-50) !important}.hover\:text-50:hover{color:var(--surface-50) !important}.active\:text-50:active{color:var(--surface-50) !important}.focus\:text-100:focus{color:var(--surface-100) !important}.hover\:text-100:hover{color:var(--surface-100) !important}.active\:text-100:active{color:var(--surface-100) !important}.focus\:text-200:focus{color:var(--surface-200) !important}.hover\:text-200:hover{color:var(--surface-200) !important}.active\:text-200:active{color:var(--surface-200) !important}.focus\:text-300:focus{color:var(--surface-300) !important}.hover\:text-300:hover{color:var(--surface-300) !important}.active\:text-300:active{color:var(--surface-300) !important}.focus\:text-400:focus{color:var(--surface-400) !important}.hover\:text-400:hover{color:var(--surface-400) !important}.active\:text-400:active{color:var(--surface-400) !important}.focus\:text-500:focus{color:var(--surface-500) !important}.hover\:text-500:hover{color:var(--surface-500) !important}.active\:text-500:active{color:var(--surface-500) !important}.focus\:text-600:focus{color:var(--surface-600) !important}.hover\:text-600:hover{color:var(--surface-600) !important}.active\:text-600:active{color:var(--surface-600) !important}.focus\:text-700:focus{color:var(--surface-700) !important}.hover\:text-700:hover{color:var(--surface-700) !important}.active\:text-700:active{color:var(--surface-700) !important}.focus\:text-800:focus{color:var(--surface-800) !important}.hover\:text-800:hover{color:var(--surface-800) !important}.active\:text-800:active{color:var(--surface-800) !important}.focus\:text-900:focus{color:var(--surface-900) !important}.hover\:text-900:hover{color:var(--surface-900) !important}.active\:text-900:active{color:var(--surface-900) !important}.surface-0{background-color:var(--surface-0) !important}.surface-50{background-color:var(--surface-50) !important}.surface-100{background-color:var(--surface-100) !important}.surface-200{background-color:var(--surface-200) !important}.surface-300{background-color:var(--surface-300) !important}.surface-400{background-color:var(--surface-400) !important}.surface-500{background-color:var(--surface-500) !important}.surface-600{background-color:var(--surface-600) !important}.surface-700{background-color:var(--surface-700) !important}.surface-800{background-color:var(--surface-800) !important}.surface-900{background-color:var(--surface-900) !important}.focus\:surface-0:focus{background-color:var(--surface-0) !important}.hover\:surface-0:hover{background-color:var(--surface-0) !important}.active\:surface-0:active{background-color:var(--surface-0) !important}.focus\:surface-50:focus{background-color:var(--surface-50) !important}.hover\:surface-50:hover{background-color:var(--surface-50) !important}.active\:surface-50:active{background-color:var(--surface-50) !important}.focus\:surface-100:focus{background-color:var(--surface-100) !important}.hover\:surface-100:hover{background-color:var(--surface-100) !important}.active\:surface-100:active{background-color:var(--surface-100) !important}.focus\:surface-200:focus{background-color:var(--surface-200) !important}.hover\:surface-200:hover{background-color:var(--surface-200) !important}.active\:surface-200:active{background-color:var(--surface-200) !important}.focus\:surface-300:focus{background-color:var(--surface-300) !important}.hover\:surface-300:hover{background-color:var(--surface-300) !important}.active\:surface-300:active{background-color:var(--surface-300) !important}.focus\:surface-400:focus{background-color:var(--surface-400) !important}.hover\:surface-400:hover{background-color:var(--surface-400) !important}.active\:surface-400:active{background-color:var(--surface-400) !important}.focus\:surface-500:focus{background-color:var(--surface-500) !important}.hover\:surface-500:hover{background-color:var(--surface-500) !important}.active\:surface-500:active{background-color:var(--surface-500) !important}.focus\:surface-600:focus{background-color:var(--surface-600) !important}.hover\:surface-600:hover{background-color:var(--surface-600) !important}.active\:surface-600:active{background-color:var(--surface-600) !important}.focus\:surface-700:focus{background-color:var(--surface-700) !important}.hover\:surface-700:hover{background-color:var(--surface-700) !important}.active\:surface-700:active{background-color:var(--surface-700) !important}.focus\:surface-800:focus{background-color:var(--surface-800) !important}.hover\:surface-800:hover{background-color:var(--surface-800) !important}.active\:surface-800:active{background-color:var(--surface-800) !important}.focus\:surface-900:focus{background-color:var(--surface-900) !important}.hover\:surface-900:hover{background-color:var(--surface-900) !important}.active\:surface-900:active{background-color:var(--surface-900) !important}.border-0{border-color:var(--surface-0) !important}.border-50{border-color:var(--surface-50) !important}.border-100{border-color:var(--surface-100) !important}.border-200{border-color:var(--surface-200) !important}.border-300{border-color:var(--surface-300) !important}.border-400{border-color:var(--surface-400) !important}.border-500{border-color:var(--surface-500) !important}.border-600{border-color:var(--surface-600) !important}.border-700{border-color:var(--surface-700) !important}.border-800{border-color:var(--surface-800) !important}.border-900{border-color:var(--surface-900) !important}.focus\:border-0:focus{border-color:var(--surface-0) !important}.hover\:border-0:hover{border-color:var(--surface-0) !important}.active\:border-0:active{border-color:var(--surface-0) !important}.focus\:border-50:focus{border-color:var(--surface-50) !important}.hover\:border-50:hover{border-color:var(--surface-50) !important}.active\:border-50:active{border-color:var(--surface-50) !important}.focus\:border-100:focus{border-color:var(--surface-100) !important}.hover\:border-100:hover{border-color:var(--surface-100) !important}.active\:border-100:active{border-color:var(--surface-100) !important}.focus\:border-200:focus{border-color:var(--surface-200) !important}.hover\:border-200:hover{border-color:var(--surface-200) !important}.active\:border-200:active{border-color:var(--surface-200) !important}.focus\:border-300:focus{border-color:var(--surface-300) !important}.hover\:border-300:hover{border-color:var(--surface-300) !important}.active\:border-300:active{border-color:var(--surface-300) !important}.focus\:border-400:focus{border-color:var(--surface-400) !important}.hover\:border-400:hover{border-color:var(--surface-400) !important}.active\:border-400:active{border-color:var(--surface-400) !important}.focus\:border-500:focus{border-color:var(--surface-500) !important}.hover\:border-500:hover{border-color:var(--surface-500) !important}.active\:border-500:active{border-color:var(--surface-500) !important}.focus\:border-600:focus{border-color:var(--surface-600) !important}.hover\:border-600:hover{border-color:var(--surface-600) !important}.active\:border-600:active{border-color:var(--surface-600) !important}.focus\:border-700:focus{border-color:var(--surface-700) !important}.hover\:border-700:hover{border-color:var(--surface-700) !important}.active\:border-700:active{border-color:var(--surface-700) !important}.focus\:border-800:focus{border-color:var(--surface-800) !important}.hover\:border-800:hover{border-color:var(--surface-800) !important}.active\:border-800:active{border-color:var(--surface-800) !important}.focus\:border-900:focus{border-color:var(--surface-900) !important}.hover\:border-900:hover{border-color:var(--surface-900) !important}.active\:border-900:active{border-color:var(--surface-900) !important}.bg-transparent{background-color:transparent !important}@media screen and (min-width: 576px){.sm\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 768px){.md\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 992px){.lg\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:bg-transparent{background-color:transparent !important}}.border-transparent{border-color:transparent !important}@media screen and (min-width: 576px){.sm\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 768px){.md\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 992px){.lg\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:border-transparent{border-color:transparent !important}}.text-blue-50{color:var(--blue-50) !important}.text-blue-100{color:var(--blue-100) !important}.text-blue-200{color:var(--blue-200) !important}.text-blue-300{color:var(--blue-300) !important}.text-blue-400{color:var(--blue-400) !important}.text-blue-500{color:var(--blue-500) !important}.text-blue-600{color:var(--blue-600) !important}.text-blue-700{color:var(--blue-700) !important}.text-blue-800{color:var(--blue-800) !important}.text-blue-900{color:var(--blue-900) !important}.focus\:text-blue-50:focus{color:var(--blue-50) !important}.focus\:text-blue-100:focus{color:var(--blue-100) !important}.focus\:text-blue-200:focus{color:var(--blue-200) !important}.focus\:text-blue-300:focus{color:var(--blue-300) !important}.focus\:text-blue-400:focus{color:var(--blue-400) !important}.focus\:text-blue-500:focus{color:var(--blue-500) !important}.focus\:text-blue-600:focus{color:var(--blue-600) !important}.focus\:text-blue-700:focus{color:var(--blue-700) !important}.focus\:text-blue-800:focus{color:var(--blue-800) !important}.focus\:text-blue-900:focus{color:var(--blue-900) !important}.hover\:text-blue-50:hover{color:var(--blue-50) !important}.hover\:text-blue-100:hover{color:var(--blue-100) !important}.hover\:text-blue-200:hover{color:var(--blue-200) !important}.hover\:text-blue-300:hover{color:var(--blue-300) !important}.hover\:text-blue-400:hover{color:var(--blue-400) !important}.hover\:text-blue-500:hover{color:var(--blue-500) !important}.hover\:text-blue-600:hover{color:var(--blue-600) !important}.hover\:text-blue-700:hover{color:var(--blue-700) !important}.hover\:text-blue-800:hover{color:var(--blue-800) !important}.hover\:text-blue-900:hover{color:var(--blue-900) !important}.active\:text-blue-50:active{color:var(--blue-50) !important}.active\:text-blue-100:active{color:var(--blue-100) !important}.active\:text-blue-200:active{color:var(--blue-200) !important}.active\:text-blue-300:active{color:var(--blue-300) !important}.active\:text-blue-400:active{color:var(--blue-400) !important}.active\:text-blue-500:active{color:var(--blue-500) !important}.active\:text-blue-600:active{color:var(--blue-600) !important}.active\:text-blue-700:active{color:var(--blue-700) !important}.active\:text-blue-800:active{color:var(--blue-800) !important}.active\:text-blue-900:active{color:var(--blue-900) !important}.text-green-50{color:var(--green-50) !important}.text-green-100{color:var(--green-100) !important}.text-green-200{color:var(--green-200) !important}.text-green-300{color:var(--green-300) !important}.text-green-400{color:var(--green-400) !important}.text-green-500{color:var(--green-500) !important}.text-green-600{color:var(--green-600) !important}.text-green-700{color:var(--green-700) !important}.text-green-800{color:var(--green-800) !important}.text-green-900{color:var(--green-900) !important}.focus\:text-green-50:focus{color:var(--green-50) !important}.focus\:text-green-100:focus{color:var(--green-100) !important}.focus\:text-green-200:focus{color:var(--green-200) !important}.focus\:text-green-300:focus{color:var(--green-300) !important}.focus\:text-green-400:focus{color:var(--green-400) !important}.focus\:text-green-500:focus{color:var(--green-500) !important}.focus\:text-green-600:focus{color:var(--green-600) !important}.focus\:text-green-700:focus{color:var(--green-700) !important}.focus\:text-green-800:focus{color:var(--green-800) !important}.focus\:text-green-900:focus{color:var(--green-900) !important}.hover\:text-green-50:hover{color:var(--green-50) !important}.hover\:text-green-100:hover{color:var(--green-100) !important}.hover\:text-green-200:hover{color:var(--green-200) !important}.hover\:text-green-300:hover{color:var(--green-300) !important}.hover\:text-green-400:hover{color:var(--green-400) !important}.hover\:text-green-500:hover{color:var(--green-500) !important}.hover\:text-green-600:hover{color:var(--green-600) !important}.hover\:text-green-700:hover{color:var(--green-700) !important}.hover\:text-green-800:hover{color:var(--green-800) !important}.hover\:text-green-900:hover{color:var(--green-900) !important}.active\:text-green-50:active{color:var(--green-50) !important}.active\:text-green-100:active{color:var(--green-100) !important}.active\:text-green-200:active{color:var(--green-200) !important}.active\:text-green-300:active{color:var(--green-300) !important}.active\:text-green-400:active{color:var(--green-400) !important}.active\:text-green-500:active{color:var(--green-500) !important}.active\:text-green-600:active{color:var(--green-600) !important}.active\:text-green-700:active{color:var(--green-700) !important}.active\:text-green-800:active{color:var(--green-800) !important}.active\:text-green-900:active{color:var(--green-900) !important}.text-yellow-50{color:var(--yellow-50) !important}.text-yellow-100{color:var(--yellow-100) !important}.text-yellow-200{color:var(--yellow-200) !important}.text-yellow-300{color:var(--yellow-300) !important}.text-yellow-400{color:var(--yellow-400) !important}.text-yellow-500{color:var(--yellow-500) !important}.text-yellow-600{color:var(--yellow-600) !important}.text-yellow-700{color:var(--yellow-700) !important}.text-yellow-800{color:var(--yellow-800) !important}.text-yellow-900{color:var(--yellow-900) !important}.focus\:text-yellow-50:focus{color:var(--yellow-50) !important}.focus\:text-yellow-100:focus{color:var(--yellow-100) !important}.focus\:text-yellow-200:focus{color:var(--yellow-200) !important}.focus\:text-yellow-300:focus{color:var(--yellow-300) !important}.focus\:text-yellow-400:focus{color:var(--yellow-400) !important}.focus\:text-yellow-500:focus{color:var(--yellow-500) !important}.focus\:text-yellow-600:focus{color:var(--yellow-600) !important}.focus\:text-yellow-700:focus{color:var(--yellow-700) !important}.focus\:text-yellow-800:focus{color:var(--yellow-800) !important}.focus\:text-yellow-900:focus{color:var(--yellow-900) !important}.hover\:text-yellow-50:hover{color:var(--yellow-50) !important}.hover\:text-yellow-100:hover{color:var(--yellow-100) !important}.hover\:text-yellow-200:hover{color:var(--yellow-200) !important}.hover\:text-yellow-300:hover{color:var(--yellow-300) !important}.hover\:text-yellow-400:hover{color:var(--yellow-400) !important}.hover\:text-yellow-500:hover{color:var(--yellow-500) !important}.hover\:text-yellow-600:hover{color:var(--yellow-600) !important}.hover\:text-yellow-700:hover{color:var(--yellow-700) !important}.hover\:text-yellow-800:hover{color:var(--yellow-800) !important}.hover\:text-yellow-900:hover{color:var(--yellow-900) !important}.active\:text-yellow-50:active{color:var(--yellow-50) !important}.active\:text-yellow-100:active{color:var(--yellow-100) !important}.active\:text-yellow-200:active{color:var(--yellow-200) !important}.active\:text-yellow-300:active{color:var(--yellow-300) !important}.active\:text-yellow-400:active{color:var(--yellow-400) !important}.active\:text-yellow-500:active{color:var(--yellow-500) !important}.active\:text-yellow-600:active{color:var(--yellow-600) !important}.active\:text-yellow-700:active{color:var(--yellow-700) !important}.active\:text-yellow-800:active{color:var(--yellow-800) !important}.active\:text-yellow-900:active{color:var(--yellow-900) !important}.text-cyan-50{color:var(--cyan-50) !important}.text-cyan-100{color:var(--cyan-100) !important}.text-cyan-200{color:var(--cyan-200) !important}.text-cyan-300{color:var(--cyan-300) !important}.text-cyan-400{color:var(--cyan-400) !important}.text-cyan-500{color:var(--cyan-500) !important}.text-cyan-600{color:var(--cyan-600) !important}.text-cyan-700{color:var(--cyan-700) !important}.text-cyan-800{color:var(--cyan-800) !important}.text-cyan-900{color:var(--cyan-900) !important}.focus\:text-cyan-50:focus{color:var(--cyan-50) !important}.focus\:text-cyan-100:focus{color:var(--cyan-100) !important}.focus\:text-cyan-200:focus{color:var(--cyan-200) !important}.focus\:text-cyan-300:focus{color:var(--cyan-300) !important}.focus\:text-cyan-400:focus{color:var(--cyan-400) !important}.focus\:text-cyan-500:focus{color:var(--cyan-500) !important}.focus\:text-cyan-600:focus{color:var(--cyan-600) !important}.focus\:text-cyan-700:focus{color:var(--cyan-700) !important}.focus\:text-cyan-800:focus{color:var(--cyan-800) !important}.focus\:text-cyan-900:focus{color:var(--cyan-900) !important}.hover\:text-cyan-50:hover{color:var(--cyan-50) !important}.hover\:text-cyan-100:hover{color:var(--cyan-100) !important}.hover\:text-cyan-200:hover{color:var(--cyan-200) !important}.hover\:text-cyan-300:hover{color:var(--cyan-300) !important}.hover\:text-cyan-400:hover{color:var(--cyan-400) !important}.hover\:text-cyan-500:hover{color:var(--cyan-500) !important}.hover\:text-cyan-600:hover{color:var(--cyan-600) !important}.hover\:text-cyan-700:hover{color:var(--cyan-700) !important}.hover\:text-cyan-800:hover{color:var(--cyan-800) !important}.hover\:text-cyan-900:hover{color:var(--cyan-900) !important}.active\:text-cyan-50:active{color:var(--cyan-50) !important}.active\:text-cyan-100:active{color:var(--cyan-100) !important}.active\:text-cyan-200:active{color:var(--cyan-200) !important}.active\:text-cyan-300:active{color:var(--cyan-300) !important}.active\:text-cyan-400:active{color:var(--cyan-400) !important}.active\:text-cyan-500:active{color:var(--cyan-500) !important}.active\:text-cyan-600:active{color:var(--cyan-600) !important}.active\:text-cyan-700:active{color:var(--cyan-700) !important}.active\:text-cyan-800:active{color:var(--cyan-800) !important}.active\:text-cyan-900:active{color:var(--cyan-900) !important}.text-pink-50{color:var(--pink-50) !important}.text-pink-100{color:var(--pink-100) !important}.text-pink-200{color:var(--pink-200) !important}.text-pink-300{color:var(--pink-300) !important}.text-pink-400{color:var(--pink-400) !important}.text-pink-500{color:var(--pink-500) !important}.text-pink-600{color:var(--pink-600) !important}.text-pink-700{color:var(--pink-700) !important}.text-pink-800{color:var(--pink-800) !important}.text-pink-900{color:var(--pink-900) !important}.focus\:text-pink-50:focus{color:var(--pink-50) !important}.focus\:text-pink-100:focus{color:var(--pink-100) !important}.focus\:text-pink-200:focus{color:var(--pink-200) !important}.focus\:text-pink-300:focus{color:var(--pink-300) !important}.focus\:text-pink-400:focus{color:var(--pink-400) !important}.focus\:text-pink-500:focus{color:var(--pink-500) !important}.focus\:text-pink-600:focus{color:var(--pink-600) !important}.focus\:text-pink-700:focus{color:var(--pink-700) !important}.focus\:text-pink-800:focus{color:var(--pink-800) !important}.focus\:text-pink-900:focus{color:var(--pink-900) !important}.hover\:text-pink-50:hover{color:var(--pink-50) !important}.hover\:text-pink-100:hover{color:var(--pink-100) !important}.hover\:text-pink-200:hover{color:var(--pink-200) !important}.hover\:text-pink-300:hover{color:var(--pink-300) !important}.hover\:text-pink-400:hover{color:var(--pink-400) !important}.hover\:text-pink-500:hover{color:var(--pink-500) !important}.hover\:text-pink-600:hover{color:var(--pink-600) !important}.hover\:text-pink-700:hover{color:var(--pink-700) !important}.hover\:text-pink-800:hover{color:var(--pink-800) !important}.hover\:text-pink-900:hover{color:var(--pink-900) !important}.active\:text-pink-50:active{color:var(--pink-50) !important}.active\:text-pink-100:active{color:var(--pink-100) !important}.active\:text-pink-200:active{color:var(--pink-200) !important}.active\:text-pink-300:active{color:var(--pink-300) !important}.active\:text-pink-400:active{color:var(--pink-400) !important}.active\:text-pink-500:active{color:var(--pink-500) !important}.active\:text-pink-600:active{color:var(--pink-600) !important}.active\:text-pink-700:active{color:var(--pink-700) !important}.active\:text-pink-800:active{color:var(--pink-800) !important}.active\:text-pink-900:active{color:var(--pink-900) !important}.text-indigo-50{color:var(--indigo-50) !important}.text-indigo-100{color:var(--indigo-100) !important}.text-indigo-200{color:var(--indigo-200) !important}.text-indigo-300{color:var(--indigo-300) !important}.text-indigo-400{color:var(--indigo-400) !important}.text-indigo-500{color:var(--indigo-500) !important}.text-indigo-600{color:var(--indigo-600) !important}.text-indigo-700{color:var(--indigo-700) !important}.text-indigo-800{color:var(--indigo-800) !important}.text-indigo-900{color:var(--indigo-900) !important}.focus\:text-indigo-50:focus{color:var(--indigo-50) !important}.focus\:text-indigo-100:focus{color:var(--indigo-100) !important}.focus\:text-indigo-200:focus{color:var(--indigo-200) !important}.focus\:text-indigo-300:focus{color:var(--indigo-300) !important}.focus\:text-indigo-400:focus{color:var(--indigo-400) !important}.focus\:text-indigo-500:focus{color:var(--indigo-500) !important}.focus\:text-indigo-600:focus{color:var(--indigo-600) !important}.focus\:text-indigo-700:focus{color:var(--indigo-700) !important}.focus\:text-indigo-800:focus{color:var(--indigo-800) !important}.focus\:text-indigo-900:focus{color:var(--indigo-900) !important}.hover\:text-indigo-50:hover{color:var(--indigo-50) !important}.hover\:text-indigo-100:hover{color:var(--indigo-100) !important}.hover\:text-indigo-200:hover{color:var(--indigo-200) !important}.hover\:text-indigo-300:hover{color:var(--indigo-300) !important}.hover\:text-indigo-400:hover{color:var(--indigo-400) !important}.hover\:text-indigo-500:hover{color:var(--indigo-500) !important}.hover\:text-indigo-600:hover{color:var(--indigo-600) !important}.hover\:text-indigo-700:hover{color:var(--indigo-700) !important}.hover\:text-indigo-800:hover{color:var(--indigo-800) !important}.hover\:text-indigo-900:hover{color:var(--indigo-900) !important}.active\:text-indigo-50:active{color:var(--indigo-50) !important}.active\:text-indigo-100:active{color:var(--indigo-100) !important}.active\:text-indigo-200:active{color:var(--indigo-200) !important}.active\:text-indigo-300:active{color:var(--indigo-300) !important}.active\:text-indigo-400:active{color:var(--indigo-400) !important}.active\:text-indigo-500:active{color:var(--indigo-500) !important}.active\:text-indigo-600:active{color:var(--indigo-600) !important}.active\:text-indigo-700:active{color:var(--indigo-700) !important}.active\:text-indigo-800:active{color:var(--indigo-800) !important}.active\:text-indigo-900:active{color:var(--indigo-900) !important}.text-teal-50{color:var(--teal-50) !important}.text-teal-100{color:var(--teal-100) !important}.text-teal-200{color:var(--teal-200) !important}.text-teal-300{color:var(--teal-300) !important}.text-teal-400{color:var(--teal-400) !important}.text-teal-500{color:var(--teal-500) !important}.text-teal-600{color:var(--teal-600) !important}.text-teal-700{color:var(--teal-700) !important}.text-teal-800{color:var(--teal-800) !important}.text-teal-900{color:var(--teal-900) !important}.focus\:text-teal-50:focus{color:var(--teal-50) !important}.focus\:text-teal-100:focus{color:var(--teal-100) !important}.focus\:text-teal-200:focus{color:var(--teal-200) !important}.focus\:text-teal-300:focus{color:var(--teal-300) !important}.focus\:text-teal-400:focus{color:var(--teal-400) !important}.focus\:text-teal-500:focus{color:var(--teal-500) !important}.focus\:text-teal-600:focus{color:var(--teal-600) !important}.focus\:text-teal-700:focus{color:var(--teal-700) !important}.focus\:text-teal-800:focus{color:var(--teal-800) !important}.focus\:text-teal-900:focus{color:var(--teal-900) !important}.hover\:text-teal-50:hover{color:var(--teal-50) !important}.hover\:text-teal-100:hover{color:var(--teal-100) !important}.hover\:text-teal-200:hover{color:var(--teal-200) !important}.hover\:text-teal-300:hover{color:var(--teal-300) !important}.hover\:text-teal-400:hover{color:var(--teal-400) !important}.hover\:text-teal-500:hover{color:var(--teal-500) !important}.hover\:text-teal-600:hover{color:var(--teal-600) !important}.hover\:text-teal-700:hover{color:var(--teal-700) !important}.hover\:text-teal-800:hover{color:var(--teal-800) !important}.hover\:text-teal-900:hover{color:var(--teal-900) !important}.active\:text-teal-50:active{color:var(--teal-50) !important}.active\:text-teal-100:active{color:var(--teal-100) !important}.active\:text-teal-200:active{color:var(--teal-200) !important}.active\:text-teal-300:active{color:var(--teal-300) !important}.active\:text-teal-400:active{color:var(--teal-400) !important}.active\:text-teal-500:active{color:var(--teal-500) !important}.active\:text-teal-600:active{color:var(--teal-600) !important}.active\:text-teal-700:active{color:var(--teal-700) !important}.active\:text-teal-800:active{color:var(--teal-800) !important}.active\:text-teal-900:active{color:var(--teal-900) !important}.text-orange-50{color:var(--orange-50) !important}.text-orange-100{color:var(--orange-100) !important}.text-orange-200{color:var(--orange-200) !important}.text-orange-300{color:var(--orange-300) !important}.text-orange-400{color:var(--orange-400) !important}.text-orange-500{color:var(--orange-500) !important}.text-orange-600{color:var(--orange-600) !important}.text-orange-700{color:var(--orange-700) !important}.text-orange-800{color:var(--orange-800) !important}.text-orange-900{color:var(--orange-900) !important}.focus\:text-orange-50:focus{color:var(--orange-50) !important}.focus\:text-orange-100:focus{color:var(--orange-100) !important}.focus\:text-orange-200:focus{color:var(--orange-200) !important}.focus\:text-orange-300:focus{color:var(--orange-300) !important}.focus\:text-orange-400:focus{color:var(--orange-400) !important}.focus\:text-orange-500:focus{color:var(--orange-500) !important}.focus\:text-orange-600:focus{color:var(--orange-600) !important}.focus\:text-orange-700:focus{color:var(--orange-700) !important}.focus\:text-orange-800:focus{color:var(--orange-800) !important}.focus\:text-orange-900:focus{color:var(--orange-900) !important}.hover\:text-orange-50:hover{color:var(--orange-50) !important}.hover\:text-orange-100:hover{color:var(--orange-100) !important}.hover\:text-orange-200:hover{color:var(--orange-200) !important}.hover\:text-orange-300:hover{color:var(--orange-300) !important}.hover\:text-orange-400:hover{color:var(--orange-400) !important}.hover\:text-orange-500:hover{color:var(--orange-500) !important}.hover\:text-orange-600:hover{color:var(--orange-600) !important}.hover\:text-orange-700:hover{color:var(--orange-700) !important}.hover\:text-orange-800:hover{color:var(--orange-800) !important}.hover\:text-orange-900:hover{color:var(--orange-900) !important}.active\:text-orange-50:active{color:var(--orange-50) !important}.active\:text-orange-100:active{color:var(--orange-100) !important}.active\:text-orange-200:active{color:var(--orange-200) !important}.active\:text-orange-300:active{color:var(--orange-300) !important}.active\:text-orange-400:active{color:var(--orange-400) !important}.active\:text-orange-500:active{color:var(--orange-500) !important}.active\:text-orange-600:active{color:var(--orange-600) !important}.active\:text-orange-700:active{color:var(--orange-700) !important}.active\:text-orange-800:active{color:var(--orange-800) !important}.active\:text-orange-900:active{color:var(--orange-900) !important}.text-bluegray-50{color:var(--bluegray-50) !important}.text-bluegray-100{color:var(--bluegray-100) !important}.text-bluegray-200{color:var(--bluegray-200) !important}.text-bluegray-300{color:var(--bluegray-300) !important}.text-bluegray-400{color:var(--bluegray-400) !important}.text-bluegray-500{color:var(--bluegray-500) !important}.text-bluegray-600{color:var(--bluegray-600) !important}.text-bluegray-700{color:var(--bluegray-700) !important}.text-bluegray-800{color:var(--bluegray-800) !important}.text-bluegray-900{color:var(--bluegray-900) !important}.focus\:text-bluegray-50:focus{color:var(--bluegray-50) !important}.focus\:text-bluegray-100:focus{color:var(--bluegray-100) !important}.focus\:text-bluegray-200:focus{color:var(--bluegray-200) !important}.focus\:text-bluegray-300:focus{color:var(--bluegray-300) !important}.focus\:text-bluegray-400:focus{color:var(--bluegray-400) !important}.focus\:text-bluegray-500:focus{color:var(--bluegray-500) !important}.focus\:text-bluegray-600:focus{color:var(--bluegray-600) !important}.focus\:text-bluegray-700:focus{color:var(--bluegray-700) !important}.focus\:text-bluegray-800:focus{color:var(--bluegray-800) !important}.focus\:text-bluegray-900:focus{color:var(--bluegray-900) !important}.hover\:text-bluegray-50:hover{color:var(--bluegray-50) !important}.hover\:text-bluegray-100:hover{color:var(--bluegray-100) !important}.hover\:text-bluegray-200:hover{color:var(--bluegray-200) !important}.hover\:text-bluegray-300:hover{color:var(--bluegray-300) !important}.hover\:text-bluegray-400:hover{color:var(--bluegray-400) !important}.hover\:text-bluegray-500:hover{color:var(--bluegray-500) !important}.hover\:text-bluegray-600:hover{color:var(--bluegray-600) !important}.hover\:text-bluegray-700:hover{color:var(--bluegray-700) !important}.hover\:text-bluegray-800:hover{color:var(--bluegray-800) !important}.hover\:text-bluegray-900:hover{color:var(--bluegray-900) !important}.active\:text-bluegray-50:active{color:var(--bluegray-50) !important}.active\:text-bluegray-100:active{color:var(--bluegray-100) !important}.active\:text-bluegray-200:active{color:var(--bluegray-200) !important}.active\:text-bluegray-300:active{color:var(--bluegray-300) !important}.active\:text-bluegray-400:active{color:var(--bluegray-400) !important}.active\:text-bluegray-500:active{color:var(--bluegray-500) !important}.active\:text-bluegray-600:active{color:var(--bluegray-600) !important}.active\:text-bluegray-700:active{color:var(--bluegray-700) !important}.active\:text-bluegray-800:active{color:var(--bluegray-800) !important}.active\:text-bluegray-900:active{color:var(--bluegray-900) !important}.text-purple-50{color:var(--purple-50) !important}.text-purple-100{color:var(--purple-100) !important}.text-purple-200{color:var(--purple-200) !important}.text-purple-300{color:var(--purple-300) !important}.text-purple-400{color:var(--purple-400) !important}.text-purple-500{color:var(--purple-500) !important}.text-purple-600{color:var(--purple-600) !important}.text-purple-700{color:var(--purple-700) !important}.text-purple-800{color:var(--purple-800) !important}.text-purple-900{color:var(--purple-900) !important}.focus\:text-purple-50:focus{color:var(--purple-50) !important}.focus\:text-purple-100:focus{color:var(--purple-100) !important}.focus\:text-purple-200:focus{color:var(--purple-200) !important}.focus\:text-purple-300:focus{color:var(--purple-300) !important}.focus\:text-purple-400:focus{color:var(--purple-400) !important}.focus\:text-purple-500:focus{color:var(--purple-500) !important}.focus\:text-purple-600:focus{color:var(--purple-600) !important}.focus\:text-purple-700:focus{color:var(--purple-700) !important}.focus\:text-purple-800:focus{color:var(--purple-800) !important}.focus\:text-purple-900:focus{color:var(--purple-900) !important}.hover\:text-purple-50:hover{color:var(--purple-50) !important}.hover\:text-purple-100:hover{color:var(--purple-100) !important}.hover\:text-purple-200:hover{color:var(--purple-200) !important}.hover\:text-purple-300:hover{color:var(--purple-300) !important}.hover\:text-purple-400:hover{color:var(--purple-400) !important}.hover\:text-purple-500:hover{color:var(--purple-500) !important}.hover\:text-purple-600:hover{color:var(--purple-600) !important}.hover\:text-purple-700:hover{color:var(--purple-700) !important}.hover\:text-purple-800:hover{color:var(--purple-800) !important}.hover\:text-purple-900:hover{color:var(--purple-900) !important}.active\:text-purple-50:active{color:var(--purple-50) !important}.active\:text-purple-100:active{color:var(--purple-100) !important}.active\:text-purple-200:active{color:var(--purple-200) !important}.active\:text-purple-300:active{color:var(--purple-300) !important}.active\:text-purple-400:active{color:var(--purple-400) !important}.active\:text-purple-500:active{color:var(--purple-500) !important}.active\:text-purple-600:active{color:var(--purple-600) !important}.active\:text-purple-700:active{color:var(--purple-700) !important}.active\:text-purple-800:active{color:var(--purple-800) !important}.active\:text-purple-900:active{color:var(--purple-900) !important}.text-gray-50{color:var(--gray-50) !important}.text-gray-100{color:var(--gray-100) !important}.text-gray-200{color:var(--gray-200) !important}.text-gray-300{color:var(--gray-300) !important}.text-gray-400{color:var(--gray-400) !important}.text-gray-500{color:var(--gray-500) !important}.text-gray-600{color:var(--gray-600) !important}.text-gray-700{color:var(--gray-700) !important}.text-gray-800{color:var(--gray-800) !important}.text-gray-900{color:var(--gray-900) !important}.focus\:text-gray-50:focus{color:var(--gray-50) !important}.focus\:text-gray-100:focus{color:var(--gray-100) !important}.focus\:text-gray-200:focus{color:var(--gray-200) !important}.focus\:text-gray-300:focus{color:var(--gray-300) !important}.focus\:text-gray-400:focus{color:var(--gray-400) !important}.focus\:text-gray-500:focus{color:var(--gray-500) !important}.focus\:text-gray-600:focus{color:var(--gray-600) !important}.focus\:text-gray-700:focus{color:var(--gray-700) !important}.focus\:text-gray-800:focus{color:var(--gray-800) !important}.focus\:text-gray-900:focus{color:var(--gray-900) !important}.hover\:text-gray-50:hover{color:var(--gray-50) !important}.hover\:text-gray-100:hover{color:var(--gray-100) !important}.hover\:text-gray-200:hover{color:var(--gray-200) !important}.hover\:text-gray-300:hover{color:var(--gray-300) !important}.hover\:text-gray-400:hover{color:var(--gray-400) !important}.hover\:text-gray-500:hover{color:var(--gray-500) !important}.hover\:text-gray-600:hover{color:var(--gray-600) !important}.hover\:text-gray-700:hover{color:var(--gray-700) !important}.hover\:text-gray-800:hover{color:var(--gray-800) !important}.hover\:text-gray-900:hover{color:var(--gray-900) !important}.active\:text-gray-50:active{color:var(--gray-50) !important}.active\:text-gray-100:active{color:var(--gray-100) !important}.active\:text-gray-200:active{color:var(--gray-200) !important}.active\:text-gray-300:active{color:var(--gray-300) !important}.active\:text-gray-400:active{color:var(--gray-400) !important}.active\:text-gray-500:active{color:var(--gray-500) !important}.active\:text-gray-600:active{color:var(--gray-600) !important}.active\:text-gray-700:active{color:var(--gray-700) !important}.active\:text-gray-800:active{color:var(--gray-800) !important}.active\:text-gray-900:active{color:var(--gray-900) !important}.text-red-50{color:var(--red-50) !important}.text-red-100{color:var(--red-100) !important}.text-red-200{color:var(--red-200) !important}.text-red-300{color:var(--red-300) !important}.text-red-400{color:var(--red-400) !important}.text-red-500{color:var(--red-500) !important}.text-red-600{color:var(--red-600) !important}.text-red-700{color:var(--red-700) !important}.text-red-800{color:var(--red-800) !important}.text-red-900{color:var(--red-900) !important}.focus\:text-red-50:focus{color:var(--red-50) !important}.focus\:text-red-100:focus{color:var(--red-100) !important}.focus\:text-red-200:focus{color:var(--red-200) !important}.focus\:text-red-300:focus{color:var(--red-300) !important}.focus\:text-red-400:focus{color:var(--red-400) !important}.focus\:text-red-500:focus{color:var(--red-500) !important}.focus\:text-red-600:focus{color:var(--red-600) !important}.focus\:text-red-700:focus{color:var(--red-700) !important}.focus\:text-red-800:focus{color:var(--red-800) !important}.focus\:text-red-900:focus{color:var(--red-900) !important}.hover\:text-red-50:hover{color:var(--red-50) !important}.hover\:text-red-100:hover{color:var(--red-100) !important}.hover\:text-red-200:hover{color:var(--red-200) !important}.hover\:text-red-300:hover{color:var(--red-300) !important}.hover\:text-red-400:hover{color:var(--red-400) !important}.hover\:text-red-500:hover{color:var(--red-500) !important}.hover\:text-red-600:hover{color:var(--red-600) !important}.hover\:text-red-700:hover{color:var(--red-700) !important}.hover\:text-red-800:hover{color:var(--red-800) !important}.hover\:text-red-900:hover{color:var(--red-900) !important}.active\:text-red-50:active{color:var(--red-50) !important}.active\:text-red-100:active{color:var(--red-100) !important}.active\:text-red-200:active{color:var(--red-200) !important}.active\:text-red-300:active{color:var(--red-300) !important}.active\:text-red-400:active{color:var(--red-400) !important}.active\:text-red-500:active{color:var(--red-500) !important}.active\:text-red-600:active{color:var(--red-600) !important}.active\:text-red-700:active{color:var(--red-700) !important}.active\:text-red-800:active{color:var(--red-800) !important}.active\:text-red-900:active{color:var(--red-900) !important}.text-primary-50{color:var(--primary-50) !important}.text-primary-100{color:var(--primary-100) !important}.text-primary-200{color:var(--primary-200) !important}.text-primary-300{color:var(--primary-300) !important}.text-primary-400{color:var(--primary-400) !important}.text-primary-500{color:var(--primary-500) !important}.text-primary-600{color:var(--primary-600) !important}.text-primary-700{color:var(--primary-700) !important}.text-primary-800{color:var(--primary-800) !important}.text-primary-900{color:var(--primary-900) !important}.focus\:text-primary-50:focus{color:var(--primary-50) !important}.focus\:text-primary-100:focus{color:var(--primary-100) !important}.focus\:text-primary-200:focus{color:var(--primary-200) !important}.focus\:text-primary-300:focus{color:var(--primary-300) !important}.focus\:text-primary-400:focus{color:var(--primary-400) !important}.focus\:text-primary-500:focus{color:var(--primary-500) !important}.focus\:text-primary-600:focus{color:var(--primary-600) !important}.focus\:text-primary-700:focus{color:var(--primary-700) !important}.focus\:text-primary-800:focus{color:var(--primary-800) !important}.focus\:text-primary-900:focus{color:var(--primary-900) !important}.hover\:text-primary-50:hover{color:var(--primary-50) !important}.hover\:text-primary-100:hover{color:var(--primary-100) !important}.hover\:text-primary-200:hover{color:var(--primary-200) !important}.hover\:text-primary-300:hover{color:var(--primary-300) !important}.hover\:text-primary-400:hover{color:var(--primary-400) !important}.hover\:text-primary-500:hover{color:var(--primary-500) !important}.hover\:text-primary-600:hover{color:var(--primary-600) !important}.hover\:text-primary-700:hover{color:var(--primary-700) !important}.hover\:text-primary-800:hover{color:var(--primary-800) !important}.hover\:text-primary-900:hover{color:var(--primary-900) !important}.active\:text-primary-50:active{color:var(--primary-50) !important}.active\:text-primary-100:active{color:var(--primary-100) !important}.active\:text-primary-200:active{color:var(--primary-200) !important}.active\:text-primary-300:active{color:var(--primary-300) !important}.active\:text-primary-400:active{color:var(--primary-400) !important}.active\:text-primary-500:active{color:var(--primary-500) !important}.active\:text-primary-600:active{color:var(--primary-600) !important}.active\:text-primary-700:active{color:var(--primary-700) !important}.active\:text-primary-800:active{color:var(--primary-800) !important}.active\:text-primary-900:active{color:var(--primary-900) !important}.bg-blue-50{background-color:var(--blue-50) !important}.bg-blue-100{background-color:var(--blue-100) !important}.bg-blue-200{background-color:var(--blue-200) !important}.bg-blue-300{background-color:var(--blue-300) !important}.bg-blue-400{background-color:var(--blue-400) !important}.bg-blue-500{background-color:var(--blue-500) !important}.bg-blue-600{background-color:var(--blue-600) !important}.bg-blue-700{background-color:var(--blue-700) !important}.bg-blue-800{background-color:var(--blue-800) !important}.bg-blue-900{background-color:var(--blue-900) !important}.focus\:bg-blue-50:focus{background-color:var(--blue-50) !important}.focus\:bg-blue-100:focus{background-color:var(--blue-100) !important}.focus\:bg-blue-200:focus{background-color:var(--blue-200) !important}.focus\:bg-blue-300:focus{background-color:var(--blue-300) !important}.focus\:bg-blue-400:focus{background-color:var(--blue-400) !important}.focus\:bg-blue-500:focus{background-color:var(--blue-500) !important}.focus\:bg-blue-600:focus{background-color:var(--blue-600) !important}.focus\:bg-blue-700:focus{background-color:var(--blue-700) !important}.focus\:bg-blue-800:focus{background-color:var(--blue-800) !important}.focus\:bg-blue-900:focus{background-color:var(--blue-900) !important}.hover\:bg-blue-50:hover{background-color:var(--blue-50) !important}.hover\:bg-blue-100:hover{background-color:var(--blue-100) !important}.hover\:bg-blue-200:hover{background-color:var(--blue-200) !important}.hover\:bg-blue-300:hover{background-color:var(--blue-300) !important}.hover\:bg-blue-400:hover{background-color:var(--blue-400) !important}.hover\:bg-blue-500:hover{background-color:var(--blue-500) !important}.hover\:bg-blue-600:hover{background-color:var(--blue-600) !important}.hover\:bg-blue-700:hover{background-color:var(--blue-700) !important}.hover\:bg-blue-800:hover{background-color:var(--blue-800) !important}.hover\:bg-blue-900:hover{background-color:var(--blue-900) !important}.active\:bg-blue-50:active{background-color:var(--blue-50) !important}.active\:bg-blue-100:active{background-color:var(--blue-100) !important}.active\:bg-blue-200:active{background-color:var(--blue-200) !important}.active\:bg-blue-300:active{background-color:var(--blue-300) !important}.active\:bg-blue-400:active{background-color:var(--blue-400) !important}.active\:bg-blue-500:active{background-color:var(--blue-500) !important}.active\:bg-blue-600:active{background-color:var(--blue-600) !important}.active\:bg-blue-700:active{background-color:var(--blue-700) !important}.active\:bg-blue-800:active{background-color:var(--blue-800) !important}.active\:bg-blue-900:active{background-color:var(--blue-900) !important}.bg-green-50{background-color:var(--green-50) !important}.bg-green-100{background-color:var(--green-100) !important}.bg-green-200{background-color:var(--green-200) !important}.bg-green-300{background-color:var(--green-300) !important}.bg-green-400{background-color:var(--green-400) !important}.bg-green-500{background-color:var(--green-500) !important}.bg-green-600{background-color:var(--green-600) !important}.bg-green-700{background-color:var(--green-700) !important}.bg-green-800{background-color:var(--green-800) !important}.bg-green-900{background-color:var(--green-900) !important}.focus\:bg-green-50:focus{background-color:var(--green-50) !important}.focus\:bg-green-100:focus{background-color:var(--green-100) !important}.focus\:bg-green-200:focus{background-color:var(--green-200) !important}.focus\:bg-green-300:focus{background-color:var(--green-300) !important}.focus\:bg-green-400:focus{background-color:var(--green-400) !important}.focus\:bg-green-500:focus{background-color:var(--green-500) !important}.focus\:bg-green-600:focus{background-color:var(--green-600) !important}.focus\:bg-green-700:focus{background-color:var(--green-700) !important}.focus\:bg-green-800:focus{background-color:var(--green-800) !important}.focus\:bg-green-900:focus{background-color:var(--green-900) !important}.hover\:bg-green-50:hover{background-color:var(--green-50) !important}.hover\:bg-green-100:hover{background-color:var(--green-100) !important}.hover\:bg-green-200:hover{background-color:var(--green-200) !important}.hover\:bg-green-300:hover{background-color:var(--green-300) !important}.hover\:bg-green-400:hover{background-color:var(--green-400) !important}.hover\:bg-green-500:hover{background-color:var(--green-500) !important}.hover\:bg-green-600:hover{background-color:var(--green-600) !important}.hover\:bg-green-700:hover{background-color:var(--green-700) !important}.hover\:bg-green-800:hover{background-color:var(--green-800) !important}.hover\:bg-green-900:hover{background-color:var(--green-900) !important}.active\:bg-green-50:active{background-color:var(--green-50) !important}.active\:bg-green-100:active{background-color:var(--green-100) !important}.active\:bg-green-200:active{background-color:var(--green-200) !important}.active\:bg-green-300:active{background-color:var(--green-300) !important}.active\:bg-green-400:active{background-color:var(--green-400) !important}.active\:bg-green-500:active{background-color:var(--green-500) !important}.active\:bg-green-600:active{background-color:var(--green-600) !important}.active\:bg-green-700:active{background-color:var(--green-700) !important}.active\:bg-green-800:active{background-color:var(--green-800) !important}.active\:bg-green-900:active{background-color:var(--green-900) !important}.bg-yellow-50{background-color:var(--yellow-50) !important}.bg-yellow-100{background-color:var(--yellow-100) !important}.bg-yellow-200{background-color:var(--yellow-200) !important}.bg-yellow-300{background-color:var(--yellow-300) !important}.bg-yellow-400{background-color:var(--yellow-400) !important}.bg-yellow-500{background-color:var(--yellow-500) !important}.bg-yellow-600{background-color:var(--yellow-600) !important}.bg-yellow-700{background-color:var(--yellow-700) !important}.bg-yellow-800{background-color:var(--yellow-800) !important}.bg-yellow-900{background-color:var(--yellow-900) !important}.focus\:bg-yellow-50:focus{background-color:var(--yellow-50) !important}.focus\:bg-yellow-100:focus{background-color:var(--yellow-100) !important}.focus\:bg-yellow-200:focus{background-color:var(--yellow-200) !important}.focus\:bg-yellow-300:focus{background-color:var(--yellow-300) !important}.focus\:bg-yellow-400:focus{background-color:var(--yellow-400) !important}.focus\:bg-yellow-500:focus{background-color:var(--yellow-500) !important}.focus\:bg-yellow-600:focus{background-color:var(--yellow-600) !important}.focus\:bg-yellow-700:focus{background-color:var(--yellow-700) !important}.focus\:bg-yellow-800:focus{background-color:var(--yellow-800) !important}.focus\:bg-yellow-900:focus{background-color:var(--yellow-900) !important}.hover\:bg-yellow-50:hover{background-color:var(--yellow-50) !important}.hover\:bg-yellow-100:hover{background-color:var(--yellow-100) !important}.hover\:bg-yellow-200:hover{background-color:var(--yellow-200) !important}.hover\:bg-yellow-300:hover{background-color:var(--yellow-300) !important}.hover\:bg-yellow-400:hover{background-color:var(--yellow-400) !important}.hover\:bg-yellow-500:hover{background-color:var(--yellow-500) !important}.hover\:bg-yellow-600:hover{background-color:var(--yellow-600) !important}.hover\:bg-yellow-700:hover{background-color:var(--yellow-700) !important}.hover\:bg-yellow-800:hover{background-color:var(--yellow-800) !important}.hover\:bg-yellow-900:hover{background-color:var(--yellow-900) !important}.active\:bg-yellow-50:active{background-color:var(--yellow-50) !important}.active\:bg-yellow-100:active{background-color:var(--yellow-100) !important}.active\:bg-yellow-200:active{background-color:var(--yellow-200) !important}.active\:bg-yellow-300:active{background-color:var(--yellow-300) !important}.active\:bg-yellow-400:active{background-color:var(--yellow-400) !important}.active\:bg-yellow-500:active{background-color:var(--yellow-500) !important}.active\:bg-yellow-600:active{background-color:var(--yellow-600) !important}.active\:bg-yellow-700:active{background-color:var(--yellow-700) !important}.active\:bg-yellow-800:active{background-color:var(--yellow-800) !important}.active\:bg-yellow-900:active{background-color:var(--yellow-900) !important}.bg-cyan-50{background-color:var(--cyan-50) !important}.bg-cyan-100{background-color:var(--cyan-100) !important}.bg-cyan-200{background-color:var(--cyan-200) !important}.bg-cyan-300{background-color:var(--cyan-300) !important}.bg-cyan-400{background-color:var(--cyan-400) !important}.bg-cyan-500{background-color:var(--cyan-500) !important}.bg-cyan-600{background-color:var(--cyan-600) !important}.bg-cyan-700{background-color:var(--cyan-700) !important}.bg-cyan-800{background-color:var(--cyan-800) !important}.bg-cyan-900{background-color:var(--cyan-900) !important}.focus\:bg-cyan-50:focus{background-color:var(--cyan-50) !important}.focus\:bg-cyan-100:focus{background-color:var(--cyan-100) !important}.focus\:bg-cyan-200:focus{background-color:var(--cyan-200) !important}.focus\:bg-cyan-300:focus{background-color:var(--cyan-300) !important}.focus\:bg-cyan-400:focus{background-color:var(--cyan-400) !important}.focus\:bg-cyan-500:focus{background-color:var(--cyan-500) !important}.focus\:bg-cyan-600:focus{background-color:var(--cyan-600) !important}.focus\:bg-cyan-700:focus{background-color:var(--cyan-700) !important}.focus\:bg-cyan-800:focus{background-color:var(--cyan-800) !important}.focus\:bg-cyan-900:focus{background-color:var(--cyan-900) !important}.hover\:bg-cyan-50:hover{background-color:var(--cyan-50) !important}.hover\:bg-cyan-100:hover{background-color:var(--cyan-100) !important}.hover\:bg-cyan-200:hover{background-color:var(--cyan-200) !important}.hover\:bg-cyan-300:hover{background-color:var(--cyan-300) !important}.hover\:bg-cyan-400:hover{background-color:var(--cyan-400) !important}.hover\:bg-cyan-500:hover{background-color:var(--cyan-500) !important}.hover\:bg-cyan-600:hover{background-color:var(--cyan-600) !important}.hover\:bg-cyan-700:hover{background-color:var(--cyan-700) !important}.hover\:bg-cyan-800:hover{background-color:var(--cyan-800) !important}.hover\:bg-cyan-900:hover{background-color:var(--cyan-900) !important}.active\:bg-cyan-50:active{background-color:var(--cyan-50) !important}.active\:bg-cyan-100:active{background-color:var(--cyan-100) !important}.active\:bg-cyan-200:active{background-color:var(--cyan-200) !important}.active\:bg-cyan-300:active{background-color:var(--cyan-300) !important}.active\:bg-cyan-400:active{background-color:var(--cyan-400) !important}.active\:bg-cyan-500:active{background-color:var(--cyan-500) !important}.active\:bg-cyan-600:active{background-color:var(--cyan-600) !important}.active\:bg-cyan-700:active{background-color:var(--cyan-700) !important}.active\:bg-cyan-800:active{background-color:var(--cyan-800) !important}.active\:bg-cyan-900:active{background-color:var(--cyan-900) !important}.bg-pink-50{background-color:var(--pink-50) !important}.bg-pink-100{background-color:var(--pink-100) !important}.bg-pink-200{background-color:var(--pink-200) !important}.bg-pink-300{background-color:var(--pink-300) !important}.bg-pink-400{background-color:var(--pink-400) !important}.bg-pink-500{background-color:var(--pink-500) !important}.bg-pink-600{background-color:var(--pink-600) !important}.bg-pink-700{background-color:var(--pink-700) !important}.bg-pink-800{background-color:var(--pink-800) !important}.bg-pink-900{background-color:var(--pink-900) !important}.focus\:bg-pink-50:focus{background-color:var(--pink-50) !important}.focus\:bg-pink-100:focus{background-color:var(--pink-100) !important}.focus\:bg-pink-200:focus{background-color:var(--pink-200) !important}.focus\:bg-pink-300:focus{background-color:var(--pink-300) !important}.focus\:bg-pink-400:focus{background-color:var(--pink-400) !important}.focus\:bg-pink-500:focus{background-color:var(--pink-500) !important}.focus\:bg-pink-600:focus{background-color:var(--pink-600) !important}.focus\:bg-pink-700:focus{background-color:var(--pink-700) !important}.focus\:bg-pink-800:focus{background-color:var(--pink-800) !important}.focus\:bg-pink-900:focus{background-color:var(--pink-900) !important}.hover\:bg-pink-50:hover{background-color:var(--pink-50) !important}.hover\:bg-pink-100:hover{background-color:var(--pink-100) !important}.hover\:bg-pink-200:hover{background-color:var(--pink-200) !important}.hover\:bg-pink-300:hover{background-color:var(--pink-300) !important}.hover\:bg-pink-400:hover{background-color:var(--pink-400) !important}.hover\:bg-pink-500:hover{background-color:var(--pink-500) !important}.hover\:bg-pink-600:hover{background-color:var(--pink-600) !important}.hover\:bg-pink-700:hover{background-color:var(--pink-700) !important}.hover\:bg-pink-800:hover{background-color:var(--pink-800) !important}.hover\:bg-pink-900:hover{background-color:var(--pink-900) !important}.active\:bg-pink-50:active{background-color:var(--pink-50) !important}.active\:bg-pink-100:active{background-color:var(--pink-100) !important}.active\:bg-pink-200:active{background-color:var(--pink-200) !important}.active\:bg-pink-300:active{background-color:var(--pink-300) !important}.active\:bg-pink-400:active{background-color:var(--pink-400) !important}.active\:bg-pink-500:active{background-color:var(--pink-500) !important}.active\:bg-pink-600:active{background-color:var(--pink-600) !important}.active\:bg-pink-700:active{background-color:var(--pink-700) !important}.active\:bg-pink-800:active{background-color:var(--pink-800) !important}.active\:bg-pink-900:active{background-color:var(--pink-900) !important}.bg-indigo-50{background-color:var(--indigo-50) !important}.bg-indigo-100{background-color:var(--indigo-100) !important}.bg-indigo-200{background-color:var(--indigo-200) !important}.bg-indigo-300{background-color:var(--indigo-300) !important}.bg-indigo-400{background-color:var(--indigo-400) !important}.bg-indigo-500{background-color:var(--indigo-500) !important}.bg-indigo-600{background-color:var(--indigo-600) !important}.bg-indigo-700{background-color:var(--indigo-700) !important}.bg-indigo-800{background-color:var(--indigo-800) !important}.bg-indigo-900{background-color:var(--indigo-900) !important}.focus\:bg-indigo-50:focus{background-color:var(--indigo-50) !important}.focus\:bg-indigo-100:focus{background-color:var(--indigo-100) !important}.focus\:bg-indigo-200:focus{background-color:var(--indigo-200) !important}.focus\:bg-indigo-300:focus{background-color:var(--indigo-300) !important}.focus\:bg-indigo-400:focus{background-color:var(--indigo-400) !important}.focus\:bg-indigo-500:focus{background-color:var(--indigo-500) !important}.focus\:bg-indigo-600:focus{background-color:var(--indigo-600) !important}.focus\:bg-indigo-700:focus{background-color:var(--indigo-700) !important}.focus\:bg-indigo-800:focus{background-color:var(--indigo-800) !important}.focus\:bg-indigo-900:focus{background-color:var(--indigo-900) !important}.hover\:bg-indigo-50:hover{background-color:var(--indigo-50) !important}.hover\:bg-indigo-100:hover{background-color:var(--indigo-100) !important}.hover\:bg-indigo-200:hover{background-color:var(--indigo-200) !important}.hover\:bg-indigo-300:hover{background-color:var(--indigo-300) !important}.hover\:bg-indigo-400:hover{background-color:var(--indigo-400) !important}.hover\:bg-indigo-500:hover{background-color:var(--indigo-500) !important}.hover\:bg-indigo-600:hover{background-color:var(--indigo-600) !important}.hover\:bg-indigo-700:hover{background-color:var(--indigo-700) !important}.hover\:bg-indigo-800:hover{background-color:var(--indigo-800) !important}.hover\:bg-indigo-900:hover{background-color:var(--indigo-900) !important}.active\:bg-indigo-50:active{background-color:var(--indigo-50) !important}.active\:bg-indigo-100:active{background-color:var(--indigo-100) !important}.active\:bg-indigo-200:active{background-color:var(--indigo-200) !important}.active\:bg-indigo-300:active{background-color:var(--indigo-300) !important}.active\:bg-indigo-400:active{background-color:var(--indigo-400) !important}.active\:bg-indigo-500:active{background-color:var(--indigo-500) !important}.active\:bg-indigo-600:active{background-color:var(--indigo-600) !important}.active\:bg-indigo-700:active{background-color:var(--indigo-700) !important}.active\:bg-indigo-800:active{background-color:var(--indigo-800) !important}.active\:bg-indigo-900:active{background-color:var(--indigo-900) !important}.bg-teal-50{background-color:var(--teal-50) !important}.bg-teal-100{background-color:var(--teal-100) !important}.bg-teal-200{background-color:var(--teal-200) !important}.bg-teal-300{background-color:var(--teal-300) !important}.bg-teal-400{background-color:var(--teal-400) !important}.bg-teal-500{background-color:var(--teal-500) !important}.bg-teal-600{background-color:var(--teal-600) !important}.bg-teal-700{background-color:var(--teal-700) !important}.bg-teal-800{background-color:var(--teal-800) !important}.bg-teal-900{background-color:var(--teal-900) !important}.focus\:bg-teal-50:focus{background-color:var(--teal-50) !important}.focus\:bg-teal-100:focus{background-color:var(--teal-100) !important}.focus\:bg-teal-200:focus{background-color:var(--teal-200) !important}.focus\:bg-teal-300:focus{background-color:var(--teal-300) !important}.focus\:bg-teal-400:focus{background-color:var(--teal-400) !important}.focus\:bg-teal-500:focus{background-color:var(--teal-500) !important}.focus\:bg-teal-600:focus{background-color:var(--teal-600) !important}.focus\:bg-teal-700:focus{background-color:var(--teal-700) !important}.focus\:bg-teal-800:focus{background-color:var(--teal-800) !important}.focus\:bg-teal-900:focus{background-color:var(--teal-900) !important}.hover\:bg-teal-50:hover{background-color:var(--teal-50) !important}.hover\:bg-teal-100:hover{background-color:var(--teal-100) !important}.hover\:bg-teal-200:hover{background-color:var(--teal-200) !important}.hover\:bg-teal-300:hover{background-color:var(--teal-300) !important}.hover\:bg-teal-400:hover{background-color:var(--teal-400) !important}.hover\:bg-teal-500:hover{background-color:var(--teal-500) !important}.hover\:bg-teal-600:hover{background-color:var(--teal-600) !important}.hover\:bg-teal-700:hover{background-color:var(--teal-700) !important}.hover\:bg-teal-800:hover{background-color:var(--teal-800) !important}.hover\:bg-teal-900:hover{background-color:var(--teal-900) !important}.active\:bg-teal-50:active{background-color:var(--teal-50) !important}.active\:bg-teal-100:active{background-color:var(--teal-100) !important}.active\:bg-teal-200:active{background-color:var(--teal-200) !important}.active\:bg-teal-300:active{background-color:var(--teal-300) !important}.active\:bg-teal-400:active{background-color:var(--teal-400) !important}.active\:bg-teal-500:active{background-color:var(--teal-500) !important}.active\:bg-teal-600:active{background-color:var(--teal-600) !important}.active\:bg-teal-700:active{background-color:var(--teal-700) !important}.active\:bg-teal-800:active{background-color:var(--teal-800) !important}.active\:bg-teal-900:active{background-color:var(--teal-900) !important}.bg-orange-50{background-color:var(--orange-50) !important}.bg-orange-100{background-color:var(--orange-100) !important}.bg-orange-200{background-color:var(--orange-200) !important}.bg-orange-300{background-color:var(--orange-300) !important}.bg-orange-400{background-color:var(--orange-400) !important}.bg-orange-500{background-color:var(--orange-500) !important}.bg-orange-600{background-color:var(--orange-600) !important}.bg-orange-700{background-color:var(--orange-700) !important}.bg-orange-800{background-color:var(--orange-800) !important}.bg-orange-900{background-color:var(--orange-900) !important}.focus\:bg-orange-50:focus{background-color:var(--orange-50) !important}.focus\:bg-orange-100:focus{background-color:var(--orange-100) !important}.focus\:bg-orange-200:focus{background-color:var(--orange-200) !important}.focus\:bg-orange-300:focus{background-color:var(--orange-300) !important}.focus\:bg-orange-400:focus{background-color:var(--orange-400) !important}.focus\:bg-orange-500:focus{background-color:var(--orange-500) !important}.focus\:bg-orange-600:focus{background-color:var(--orange-600) !important}.focus\:bg-orange-700:focus{background-color:var(--orange-700) !important}.focus\:bg-orange-800:focus{background-color:var(--orange-800) !important}.focus\:bg-orange-900:focus{background-color:var(--orange-900) !important}.hover\:bg-orange-50:hover{background-color:var(--orange-50) !important}.hover\:bg-orange-100:hover{background-color:var(--orange-100) !important}.hover\:bg-orange-200:hover{background-color:var(--orange-200) !important}.hover\:bg-orange-300:hover{background-color:var(--orange-300) !important}.hover\:bg-orange-400:hover{background-color:var(--orange-400) !important}.hover\:bg-orange-500:hover{background-color:var(--orange-500) !important}.hover\:bg-orange-600:hover{background-color:var(--orange-600) !important}.hover\:bg-orange-700:hover{background-color:var(--orange-700) !important}.hover\:bg-orange-800:hover{background-color:var(--orange-800) !important}.hover\:bg-orange-900:hover{background-color:var(--orange-900) !important}.active\:bg-orange-50:active{background-color:var(--orange-50) !important}.active\:bg-orange-100:active{background-color:var(--orange-100) !important}.active\:bg-orange-200:active{background-color:var(--orange-200) !important}.active\:bg-orange-300:active{background-color:var(--orange-300) !important}.active\:bg-orange-400:active{background-color:var(--orange-400) !important}.active\:bg-orange-500:active{background-color:var(--orange-500) !important}.active\:bg-orange-600:active{background-color:var(--orange-600) !important}.active\:bg-orange-700:active{background-color:var(--orange-700) !important}.active\:bg-orange-800:active{background-color:var(--orange-800) !important}.active\:bg-orange-900:active{background-color:var(--orange-900) !important}.bg-bluegray-50{background-color:var(--bluegray-50) !important}.bg-bluegray-100{background-color:var(--bluegray-100) !important}.bg-bluegray-200{background-color:var(--bluegray-200) !important}.bg-bluegray-300{background-color:var(--bluegray-300) !important}.bg-bluegray-400{background-color:var(--bluegray-400) !important}.bg-bluegray-500{background-color:var(--bluegray-500) !important}.bg-bluegray-600{background-color:var(--bluegray-600) !important}.bg-bluegray-700{background-color:var(--bluegray-700) !important}.bg-bluegray-800{background-color:var(--bluegray-800) !important}.bg-bluegray-900{background-color:var(--bluegray-900) !important}.focus\:bg-bluegray-50:focus{background-color:var(--bluegray-50) !important}.focus\:bg-bluegray-100:focus{background-color:var(--bluegray-100) !important}.focus\:bg-bluegray-200:focus{background-color:var(--bluegray-200) !important}.focus\:bg-bluegray-300:focus{background-color:var(--bluegray-300) !important}.focus\:bg-bluegray-400:focus{background-color:var(--bluegray-400) !important}.focus\:bg-bluegray-500:focus{background-color:var(--bluegray-500) !important}.focus\:bg-bluegray-600:focus{background-color:var(--bluegray-600) !important}.focus\:bg-bluegray-700:focus{background-color:var(--bluegray-700) !important}.focus\:bg-bluegray-800:focus{background-color:var(--bluegray-800) !important}.focus\:bg-bluegray-900:focus{background-color:var(--bluegray-900) !important}.hover\:bg-bluegray-50:hover{background-color:var(--bluegray-50) !important}.hover\:bg-bluegray-100:hover{background-color:var(--bluegray-100) !important}.hover\:bg-bluegray-200:hover{background-color:var(--bluegray-200) !important}.hover\:bg-bluegray-300:hover{background-color:var(--bluegray-300) !important}.hover\:bg-bluegray-400:hover{background-color:var(--bluegray-400) !important}.hover\:bg-bluegray-500:hover{background-color:var(--bluegray-500) !important}.hover\:bg-bluegray-600:hover{background-color:var(--bluegray-600) !important}.hover\:bg-bluegray-700:hover{background-color:var(--bluegray-700) !important}.hover\:bg-bluegray-800:hover{background-color:var(--bluegray-800) !important}.hover\:bg-bluegray-900:hover{background-color:var(--bluegray-900) !important}.active\:bg-bluegray-50:active{background-color:var(--bluegray-50) !important}.active\:bg-bluegray-100:active{background-color:var(--bluegray-100) !important}.active\:bg-bluegray-200:active{background-color:var(--bluegray-200) !important}.active\:bg-bluegray-300:active{background-color:var(--bluegray-300) !important}.active\:bg-bluegray-400:active{background-color:var(--bluegray-400) !important}.active\:bg-bluegray-500:active{background-color:var(--bluegray-500) !important}.active\:bg-bluegray-600:active{background-color:var(--bluegray-600) !important}.active\:bg-bluegray-700:active{background-color:var(--bluegray-700) !important}.active\:bg-bluegray-800:active{background-color:var(--bluegray-800) !important}.active\:bg-bluegray-900:active{background-color:var(--bluegray-900) !important}.bg-purple-50{background-color:var(--purple-50) !important}.bg-purple-100{background-color:var(--purple-100) !important}.bg-purple-200{background-color:var(--purple-200) !important}.bg-purple-300{background-color:var(--purple-300) !important}.bg-purple-400{background-color:var(--purple-400) !important}.bg-purple-500{background-color:var(--purple-500) !important}.bg-purple-600{background-color:var(--purple-600) !important}.bg-purple-700{background-color:var(--purple-700) !important}.bg-purple-800{background-color:var(--purple-800) !important}.bg-purple-900{background-color:var(--purple-900) !important}.focus\:bg-purple-50:focus{background-color:var(--purple-50) !important}.focus\:bg-purple-100:focus{background-color:var(--purple-100) !important}.focus\:bg-purple-200:focus{background-color:var(--purple-200) !important}.focus\:bg-purple-300:focus{background-color:var(--purple-300) !important}.focus\:bg-purple-400:focus{background-color:var(--purple-400) !important}.focus\:bg-purple-500:focus{background-color:var(--purple-500) !important}.focus\:bg-purple-600:focus{background-color:var(--purple-600) !important}.focus\:bg-purple-700:focus{background-color:var(--purple-700) !important}.focus\:bg-purple-800:focus{background-color:var(--purple-800) !important}.focus\:bg-purple-900:focus{background-color:var(--purple-900) !important}.hover\:bg-purple-50:hover{background-color:var(--purple-50) !important}.hover\:bg-purple-100:hover{background-color:var(--purple-100) !important}.hover\:bg-purple-200:hover{background-color:var(--purple-200) !important}.hover\:bg-purple-300:hover{background-color:var(--purple-300) !important}.hover\:bg-purple-400:hover{background-color:var(--purple-400) !important}.hover\:bg-purple-500:hover{background-color:var(--purple-500) !important}.hover\:bg-purple-600:hover{background-color:var(--purple-600) !important}.hover\:bg-purple-700:hover{background-color:var(--purple-700) !important}.hover\:bg-purple-800:hover{background-color:var(--purple-800) !important}.hover\:bg-purple-900:hover{background-color:var(--purple-900) !important}.active\:bg-purple-50:active{background-color:var(--purple-50) !important}.active\:bg-purple-100:active{background-color:var(--purple-100) !important}.active\:bg-purple-200:active{background-color:var(--purple-200) !important}.active\:bg-purple-300:active{background-color:var(--purple-300) !important}.active\:bg-purple-400:active{background-color:var(--purple-400) !important}.active\:bg-purple-500:active{background-color:var(--purple-500) !important}.active\:bg-purple-600:active{background-color:var(--purple-600) !important}.active\:bg-purple-700:active{background-color:var(--purple-700) !important}.active\:bg-purple-800:active{background-color:var(--purple-800) !important}.active\:bg-purple-900:active{background-color:var(--purple-900) !important}.bg-gray-50{background-color:var(--gray-50) !important}.bg-gray-100{background-color:var(--gray-100) !important}.bg-gray-200{background-color:var(--gray-200) !important}.bg-gray-300{background-color:var(--gray-300) !important}.bg-gray-400{background-color:var(--gray-400) !important}.bg-gray-500{background-color:var(--gray-500) !important}.bg-gray-600{background-color:var(--gray-600) !important}.bg-gray-700{background-color:var(--gray-700) !important}.bg-gray-800{background-color:var(--gray-800) !important}.bg-gray-900{background-color:var(--gray-900) !important}.focus\:bg-gray-50:focus{background-color:var(--gray-50) !important}.focus\:bg-gray-100:focus{background-color:var(--gray-100) !important}.focus\:bg-gray-200:focus{background-color:var(--gray-200) !important}.focus\:bg-gray-300:focus{background-color:var(--gray-300) !important}.focus\:bg-gray-400:focus{background-color:var(--gray-400) !important}.focus\:bg-gray-500:focus{background-color:var(--gray-500) !important}.focus\:bg-gray-600:focus{background-color:var(--gray-600) !important}.focus\:bg-gray-700:focus{background-color:var(--gray-700) !important}.focus\:bg-gray-800:focus{background-color:var(--gray-800) !important}.focus\:bg-gray-900:focus{background-color:var(--gray-900) !important}.hover\:bg-gray-50:hover{background-color:var(--gray-50) !important}.hover\:bg-gray-100:hover{background-color:var(--gray-100) !important}.hover\:bg-gray-200:hover{background-color:var(--gray-200) !important}.hover\:bg-gray-300:hover{background-color:var(--gray-300) !important}.hover\:bg-gray-400:hover{background-color:var(--gray-400) !important}.hover\:bg-gray-500:hover{background-color:var(--gray-500) !important}.hover\:bg-gray-600:hover{background-color:var(--gray-600) !important}.hover\:bg-gray-700:hover{background-color:var(--gray-700) !important}.hover\:bg-gray-800:hover{background-color:var(--gray-800) !important}.hover\:bg-gray-900:hover{background-color:var(--gray-900) !important}.active\:bg-gray-50:active{background-color:var(--gray-50) !important}.active\:bg-gray-100:active{background-color:var(--gray-100) !important}.active\:bg-gray-200:active{background-color:var(--gray-200) !important}.active\:bg-gray-300:active{background-color:var(--gray-300) !important}.active\:bg-gray-400:active{background-color:var(--gray-400) !important}.active\:bg-gray-500:active{background-color:var(--gray-500) !important}.active\:bg-gray-600:active{background-color:var(--gray-600) !important}.active\:bg-gray-700:active{background-color:var(--gray-700) !important}.active\:bg-gray-800:active{background-color:var(--gray-800) !important}.active\:bg-gray-900:active{background-color:var(--gray-900) !important}.bg-red-50{background-color:var(--red-50) !important}.bg-red-100{background-color:var(--red-100) !important}.bg-red-200{background-color:var(--red-200) !important}.bg-red-300{background-color:var(--red-300) !important}.bg-red-400{background-color:var(--red-400) !important}.bg-red-500{background-color:var(--red-500) !important}.bg-red-600{background-color:var(--red-600) !important}.bg-red-700{background-color:var(--red-700) !important}.bg-red-800{background-color:var(--red-800) !important}.bg-red-900{background-color:var(--red-900) !important}.focus\:bg-red-50:focus{background-color:var(--red-50) !important}.focus\:bg-red-100:focus{background-color:var(--red-100) !important}.focus\:bg-red-200:focus{background-color:var(--red-200) !important}.focus\:bg-red-300:focus{background-color:var(--red-300) !important}.focus\:bg-red-400:focus{background-color:var(--red-400) !important}.focus\:bg-red-500:focus{background-color:var(--red-500) !important}.focus\:bg-red-600:focus{background-color:var(--red-600) !important}.focus\:bg-red-700:focus{background-color:var(--red-700) !important}.focus\:bg-red-800:focus{background-color:var(--red-800) !important}.focus\:bg-red-900:focus{background-color:var(--red-900) !important}.hover\:bg-red-50:hover{background-color:var(--red-50) !important}.hover\:bg-red-100:hover{background-color:var(--red-100) !important}.hover\:bg-red-200:hover{background-color:var(--red-200) !important}.hover\:bg-red-300:hover{background-color:var(--red-300) !important}.hover\:bg-red-400:hover{background-color:var(--red-400) !important}.hover\:bg-red-500:hover{background-color:var(--red-500) !important}.hover\:bg-red-600:hover{background-color:var(--red-600) !important}.hover\:bg-red-700:hover{background-color:var(--red-700) !important}.hover\:bg-red-800:hover{background-color:var(--red-800) !important}.hover\:bg-red-900:hover{background-color:var(--red-900) !important}.active\:bg-red-50:active{background-color:var(--red-50) !important}.active\:bg-red-100:active{background-color:var(--red-100) !important}.active\:bg-red-200:active{background-color:var(--red-200) !important}.active\:bg-red-300:active{background-color:var(--red-300) !important}.active\:bg-red-400:active{background-color:var(--red-400) !important}.active\:bg-red-500:active{background-color:var(--red-500) !important}.active\:bg-red-600:active{background-color:var(--red-600) !important}.active\:bg-red-700:active{background-color:var(--red-700) !important}.active\:bg-red-800:active{background-color:var(--red-800) !important}.active\:bg-red-900:active{background-color:var(--red-900) !important}.bg-primary-50{background-color:var(--primary-50) !important}.bg-primary-100{background-color:var(--primary-100) !important}.bg-primary-200{background-color:var(--primary-200) !important}.bg-primary-300{background-color:var(--primary-300) !important}.bg-primary-400{background-color:var(--primary-400) !important}.bg-primary-500{background-color:var(--primary-500) !important}.bg-primary-600{background-color:var(--primary-600) !important}.bg-primary-700{background-color:var(--primary-700) !important}.bg-primary-800{background-color:var(--primary-800) !important}.bg-primary-900{background-color:var(--primary-900) !important}.focus\:bg-primary-50:focus{background-color:var(--primary-50) !important}.focus\:bg-primary-100:focus{background-color:var(--primary-100) !important}.focus\:bg-primary-200:focus{background-color:var(--primary-200) !important}.focus\:bg-primary-300:focus{background-color:var(--primary-300) !important}.focus\:bg-primary-400:focus{background-color:var(--primary-400) !important}.focus\:bg-primary-500:focus{background-color:var(--primary-500) !important}.focus\:bg-primary-600:focus{background-color:var(--primary-600) !important}.focus\:bg-primary-700:focus{background-color:var(--primary-700) !important}.focus\:bg-primary-800:focus{background-color:var(--primary-800) !important}.focus\:bg-primary-900:focus{background-color:var(--primary-900) !important}.hover\:bg-primary-50:hover{background-color:var(--primary-50) !important}.hover\:bg-primary-100:hover{background-color:var(--primary-100) !important}.hover\:bg-primary-200:hover{background-color:var(--primary-200) !important}.hover\:bg-primary-300:hover{background-color:var(--primary-300) !important}.hover\:bg-primary-400:hover{background-color:var(--primary-400) !important}.hover\:bg-primary-500:hover{background-color:var(--primary-500) !important}.hover\:bg-primary-600:hover{background-color:var(--primary-600) !important}.hover\:bg-primary-700:hover{background-color:var(--primary-700) !important}.hover\:bg-primary-800:hover{background-color:var(--primary-800) !important}.hover\:bg-primary-900:hover{background-color:var(--primary-900) !important}.active\:bg-primary-50:active{background-color:var(--primary-50) !important}.active\:bg-primary-100:active{background-color:var(--primary-100) !important}.active\:bg-primary-200:active{background-color:var(--primary-200) !important}.active\:bg-primary-300:active{background-color:var(--primary-300) !important}.active\:bg-primary-400:active{background-color:var(--primary-400) !important}.active\:bg-primary-500:active{background-color:var(--primary-500) !important}.active\:bg-primary-600:active{background-color:var(--primary-600) !important}.active\:bg-primary-700:active{background-color:var(--primary-700) !important}.active\:bg-primary-800:active{background-color:var(--primary-800) !important}.active\:bg-primary-900:active{background-color:var(--primary-900) !important}.border-blue-50{border-color:var(--blue-50) !important}.border-blue-100{border-color:var(--blue-100) !important}.border-blue-200{border-color:var(--blue-200) !important}.border-blue-300{border-color:var(--blue-300) !important}.border-blue-400{border-color:var(--blue-400) !important}.border-blue-500{border-color:var(--blue-500) !important}.border-blue-600{border-color:var(--blue-600) !important}.border-blue-700{border-color:var(--blue-700) !important}.border-blue-800{border-color:var(--blue-800) !important}.border-blue-900{border-color:var(--blue-900) !important}.focus\:border-blue-50:focus{border-color:var(--blue-50) !important}.focus\:border-blue-100:focus{border-color:var(--blue-100) !important}.focus\:border-blue-200:focus{border-color:var(--blue-200) !important}.focus\:border-blue-300:focus{border-color:var(--blue-300) !important}.focus\:border-blue-400:focus{border-color:var(--blue-400) !important}.focus\:border-blue-500:focus{border-color:var(--blue-500) !important}.focus\:border-blue-600:focus{border-color:var(--blue-600) !important}.focus\:border-blue-700:focus{border-color:var(--blue-700) !important}.focus\:border-blue-800:focus{border-color:var(--blue-800) !important}.focus\:border-blue-900:focus{border-color:var(--blue-900) !important}.hover\:border-blue-50:hover{border-color:var(--blue-50) !important}.hover\:border-blue-100:hover{border-color:var(--blue-100) !important}.hover\:border-blue-200:hover{border-color:var(--blue-200) !important}.hover\:border-blue-300:hover{border-color:var(--blue-300) !important}.hover\:border-blue-400:hover{border-color:var(--blue-400) !important}.hover\:border-blue-500:hover{border-color:var(--blue-500) !important}.hover\:border-blue-600:hover{border-color:var(--blue-600) !important}.hover\:border-blue-700:hover{border-color:var(--blue-700) !important}.hover\:border-blue-800:hover{border-color:var(--blue-800) !important}.hover\:border-blue-900:hover{border-color:var(--blue-900) !important}.active\:border-blue-50:active{border-color:var(--blue-50) !important}.active\:border-blue-100:active{border-color:var(--blue-100) !important}.active\:border-blue-200:active{border-color:var(--blue-200) !important}.active\:border-blue-300:active{border-color:var(--blue-300) !important}.active\:border-blue-400:active{border-color:var(--blue-400) !important}.active\:border-blue-500:active{border-color:var(--blue-500) !important}.active\:border-blue-600:active{border-color:var(--blue-600) !important}.active\:border-blue-700:active{border-color:var(--blue-700) !important}.active\:border-blue-800:active{border-color:var(--blue-800) !important}.active\:border-blue-900:active{border-color:var(--blue-900) !important}.border-green-50{border-color:var(--green-50) !important}.border-green-100{border-color:var(--green-100) !important}.border-green-200{border-color:var(--green-200) !important}.border-green-300{border-color:var(--green-300) !important}.border-green-400{border-color:var(--green-400) !important}.border-green-500{border-color:var(--green-500) !important}.border-green-600{border-color:var(--green-600) !important}.border-green-700{border-color:var(--green-700) !important}.border-green-800{border-color:var(--green-800) !important}.border-green-900{border-color:var(--green-900) !important}.focus\:border-green-50:focus{border-color:var(--green-50) !important}.focus\:border-green-100:focus{border-color:var(--green-100) !important}.focus\:border-green-200:focus{border-color:var(--green-200) !important}.focus\:border-green-300:focus{border-color:var(--green-300) !important}.focus\:border-green-400:focus{border-color:var(--green-400) !important}.focus\:border-green-500:focus{border-color:var(--green-500) !important}.focus\:border-green-600:focus{border-color:var(--green-600) !important}.focus\:border-green-700:focus{border-color:var(--green-700) !important}.focus\:border-green-800:focus{border-color:var(--green-800) !important}.focus\:border-green-900:focus{border-color:var(--green-900) !important}.hover\:border-green-50:hover{border-color:var(--green-50) !important}.hover\:border-green-100:hover{border-color:var(--green-100) !important}.hover\:border-green-200:hover{border-color:var(--green-200) !important}.hover\:border-green-300:hover{border-color:var(--green-300) !important}.hover\:border-green-400:hover{border-color:var(--green-400) !important}.hover\:border-green-500:hover{border-color:var(--green-500) !important}.hover\:border-green-600:hover{border-color:var(--green-600) !important}.hover\:border-green-700:hover{border-color:var(--green-700) !important}.hover\:border-green-800:hover{border-color:var(--green-800) !important}.hover\:border-green-900:hover{border-color:var(--green-900) !important}.active\:border-green-50:active{border-color:var(--green-50) !important}.active\:border-green-100:active{border-color:var(--green-100) !important}.active\:border-green-200:active{border-color:var(--green-200) !important}.active\:border-green-300:active{border-color:var(--green-300) !important}.active\:border-green-400:active{border-color:var(--green-400) !important}.active\:border-green-500:active{border-color:var(--green-500) !important}.active\:border-green-600:active{border-color:var(--green-600) !important}.active\:border-green-700:active{border-color:var(--green-700) !important}.active\:border-green-800:active{border-color:var(--green-800) !important}.active\:border-green-900:active{border-color:var(--green-900) !important}.border-yellow-50{border-color:var(--yellow-50) !important}.border-yellow-100{border-color:var(--yellow-100) !important}.border-yellow-200{border-color:var(--yellow-200) !important}.border-yellow-300{border-color:var(--yellow-300) !important}.border-yellow-400{border-color:var(--yellow-400) !important}.border-yellow-500{border-color:var(--yellow-500) !important}.border-yellow-600{border-color:var(--yellow-600) !important}.border-yellow-700{border-color:var(--yellow-700) !important}.border-yellow-800{border-color:var(--yellow-800) !important}.border-yellow-900{border-color:var(--yellow-900) !important}.focus\:border-yellow-50:focus{border-color:var(--yellow-50) !important}.focus\:border-yellow-100:focus{border-color:var(--yellow-100) !important}.focus\:border-yellow-200:focus{border-color:var(--yellow-200) !important}.focus\:border-yellow-300:focus{border-color:var(--yellow-300) !important}.focus\:border-yellow-400:focus{border-color:var(--yellow-400) !important}.focus\:border-yellow-500:focus{border-color:var(--yellow-500) !important}.focus\:border-yellow-600:focus{border-color:var(--yellow-600) !important}.focus\:border-yellow-700:focus{border-color:var(--yellow-700) !important}.focus\:border-yellow-800:focus{border-color:var(--yellow-800) !important}.focus\:border-yellow-900:focus{border-color:var(--yellow-900) !important}.hover\:border-yellow-50:hover{border-color:var(--yellow-50) !important}.hover\:border-yellow-100:hover{border-color:var(--yellow-100) !important}.hover\:border-yellow-200:hover{border-color:var(--yellow-200) !important}.hover\:border-yellow-300:hover{border-color:var(--yellow-300) !important}.hover\:border-yellow-400:hover{border-color:var(--yellow-400) !important}.hover\:border-yellow-500:hover{border-color:var(--yellow-500) !important}.hover\:border-yellow-600:hover{border-color:var(--yellow-600) !important}.hover\:border-yellow-700:hover{border-color:var(--yellow-700) !important}.hover\:border-yellow-800:hover{border-color:var(--yellow-800) !important}.hover\:border-yellow-900:hover{border-color:var(--yellow-900) !important}.active\:border-yellow-50:active{border-color:var(--yellow-50) !important}.active\:border-yellow-100:active{border-color:var(--yellow-100) !important}.active\:border-yellow-200:active{border-color:var(--yellow-200) !important}.active\:border-yellow-300:active{border-color:var(--yellow-300) !important}.active\:border-yellow-400:active{border-color:var(--yellow-400) !important}.active\:border-yellow-500:active{border-color:var(--yellow-500) !important}.active\:border-yellow-600:active{border-color:var(--yellow-600) !important}.active\:border-yellow-700:active{border-color:var(--yellow-700) !important}.active\:border-yellow-800:active{border-color:var(--yellow-800) !important}.active\:border-yellow-900:active{border-color:var(--yellow-900) !important}.border-cyan-50{border-color:var(--cyan-50) !important}.border-cyan-100{border-color:var(--cyan-100) !important}.border-cyan-200{border-color:var(--cyan-200) !important}.border-cyan-300{border-color:var(--cyan-300) !important}.border-cyan-400{border-color:var(--cyan-400) !important}.border-cyan-500{border-color:var(--cyan-500) !important}.border-cyan-600{border-color:var(--cyan-600) !important}.border-cyan-700{border-color:var(--cyan-700) !important}.border-cyan-800{border-color:var(--cyan-800) !important}.border-cyan-900{border-color:var(--cyan-900) !important}.focus\:border-cyan-50:focus{border-color:var(--cyan-50) !important}.focus\:border-cyan-100:focus{border-color:var(--cyan-100) !important}.focus\:border-cyan-200:focus{border-color:var(--cyan-200) !important}.focus\:border-cyan-300:focus{border-color:var(--cyan-300) !important}.focus\:border-cyan-400:focus{border-color:var(--cyan-400) !important}.focus\:border-cyan-500:focus{border-color:var(--cyan-500) !important}.focus\:border-cyan-600:focus{border-color:var(--cyan-600) !important}.focus\:border-cyan-700:focus{border-color:var(--cyan-700) !important}.focus\:border-cyan-800:focus{border-color:var(--cyan-800) !important}.focus\:border-cyan-900:focus{border-color:var(--cyan-900) !important}.hover\:border-cyan-50:hover{border-color:var(--cyan-50) !important}.hover\:border-cyan-100:hover{border-color:var(--cyan-100) !important}.hover\:border-cyan-200:hover{border-color:var(--cyan-200) !important}.hover\:border-cyan-300:hover{border-color:var(--cyan-300) !important}.hover\:border-cyan-400:hover{border-color:var(--cyan-400) !important}.hover\:border-cyan-500:hover{border-color:var(--cyan-500) !important}.hover\:border-cyan-600:hover{border-color:var(--cyan-600) !important}.hover\:border-cyan-700:hover{border-color:var(--cyan-700) !important}.hover\:border-cyan-800:hover{border-color:var(--cyan-800) !important}.hover\:border-cyan-900:hover{border-color:var(--cyan-900) !important}.active\:border-cyan-50:active{border-color:var(--cyan-50) !important}.active\:border-cyan-100:active{border-color:var(--cyan-100) !important}.active\:border-cyan-200:active{border-color:var(--cyan-200) !important}.active\:border-cyan-300:active{border-color:var(--cyan-300) !important}.active\:border-cyan-400:active{border-color:var(--cyan-400) !important}.active\:border-cyan-500:active{border-color:var(--cyan-500) !important}.active\:border-cyan-600:active{border-color:var(--cyan-600) !important}.active\:border-cyan-700:active{border-color:var(--cyan-700) !important}.active\:border-cyan-800:active{border-color:var(--cyan-800) !important}.active\:border-cyan-900:active{border-color:var(--cyan-900) !important}.border-pink-50{border-color:var(--pink-50) !important}.border-pink-100{border-color:var(--pink-100) !important}.border-pink-200{border-color:var(--pink-200) !important}.border-pink-300{border-color:var(--pink-300) !important}.border-pink-400{border-color:var(--pink-400) !important}.border-pink-500{border-color:var(--pink-500) !important}.border-pink-600{border-color:var(--pink-600) !important}.border-pink-700{border-color:var(--pink-700) !important}.border-pink-800{border-color:var(--pink-800) !important}.border-pink-900{border-color:var(--pink-900) !important}.focus\:border-pink-50:focus{border-color:var(--pink-50) !important}.focus\:border-pink-100:focus{border-color:var(--pink-100) !important}.focus\:border-pink-200:focus{border-color:var(--pink-200) !important}.focus\:border-pink-300:focus{border-color:var(--pink-300) !important}.focus\:border-pink-400:focus{border-color:var(--pink-400) !important}.focus\:border-pink-500:focus{border-color:var(--pink-500) !important}.focus\:border-pink-600:focus{border-color:var(--pink-600) !important}.focus\:border-pink-700:focus{border-color:var(--pink-700) !important}.focus\:border-pink-800:focus{border-color:var(--pink-800) !important}.focus\:border-pink-900:focus{border-color:var(--pink-900) !important}.hover\:border-pink-50:hover{border-color:var(--pink-50) !important}.hover\:border-pink-100:hover{border-color:var(--pink-100) !important}.hover\:border-pink-200:hover{border-color:var(--pink-200) !important}.hover\:border-pink-300:hover{border-color:var(--pink-300) !important}.hover\:border-pink-400:hover{border-color:var(--pink-400) !important}.hover\:border-pink-500:hover{border-color:var(--pink-500) !important}.hover\:border-pink-600:hover{border-color:var(--pink-600) !important}.hover\:border-pink-700:hover{border-color:var(--pink-700) !important}.hover\:border-pink-800:hover{border-color:var(--pink-800) !important}.hover\:border-pink-900:hover{border-color:var(--pink-900) !important}.active\:border-pink-50:active{border-color:var(--pink-50) !important}.active\:border-pink-100:active{border-color:var(--pink-100) !important}.active\:border-pink-200:active{border-color:var(--pink-200) !important}.active\:border-pink-300:active{border-color:var(--pink-300) !important}.active\:border-pink-400:active{border-color:var(--pink-400) !important}.active\:border-pink-500:active{border-color:var(--pink-500) !important}.active\:border-pink-600:active{border-color:var(--pink-600) !important}.active\:border-pink-700:active{border-color:var(--pink-700) !important}.active\:border-pink-800:active{border-color:var(--pink-800) !important}.active\:border-pink-900:active{border-color:var(--pink-900) !important}.border-indigo-50{border-color:var(--indigo-50) !important}.border-indigo-100{border-color:var(--indigo-100) !important}.border-indigo-200{border-color:var(--indigo-200) !important}.border-indigo-300{border-color:var(--indigo-300) !important}.border-indigo-400{border-color:var(--indigo-400) !important}.border-indigo-500{border-color:var(--indigo-500) !important}.border-indigo-600{border-color:var(--indigo-600) !important}.border-indigo-700{border-color:var(--indigo-700) !important}.border-indigo-800{border-color:var(--indigo-800) !important}.border-indigo-900{border-color:var(--indigo-900) !important}.focus\:border-indigo-50:focus{border-color:var(--indigo-50) !important}.focus\:border-indigo-100:focus{border-color:var(--indigo-100) !important}.focus\:border-indigo-200:focus{border-color:var(--indigo-200) !important}.focus\:border-indigo-300:focus{border-color:var(--indigo-300) !important}.focus\:border-indigo-400:focus{border-color:var(--indigo-400) !important}.focus\:border-indigo-500:focus{border-color:var(--indigo-500) !important}.focus\:border-indigo-600:focus{border-color:var(--indigo-600) !important}.focus\:border-indigo-700:focus{border-color:var(--indigo-700) !important}.focus\:border-indigo-800:focus{border-color:var(--indigo-800) !important}.focus\:border-indigo-900:focus{border-color:var(--indigo-900) !important}.hover\:border-indigo-50:hover{border-color:var(--indigo-50) !important}.hover\:border-indigo-100:hover{border-color:var(--indigo-100) !important}.hover\:border-indigo-200:hover{border-color:var(--indigo-200) !important}.hover\:border-indigo-300:hover{border-color:var(--indigo-300) !important}.hover\:border-indigo-400:hover{border-color:var(--indigo-400) !important}.hover\:border-indigo-500:hover{border-color:var(--indigo-500) !important}.hover\:border-indigo-600:hover{border-color:var(--indigo-600) !important}.hover\:border-indigo-700:hover{border-color:var(--indigo-700) !important}.hover\:border-indigo-800:hover{border-color:var(--indigo-800) !important}.hover\:border-indigo-900:hover{border-color:var(--indigo-900) !important}.active\:border-indigo-50:active{border-color:var(--indigo-50) !important}.active\:border-indigo-100:active{border-color:var(--indigo-100) !important}.active\:border-indigo-200:active{border-color:var(--indigo-200) !important}.active\:border-indigo-300:active{border-color:var(--indigo-300) !important}.active\:border-indigo-400:active{border-color:var(--indigo-400) !important}.active\:border-indigo-500:active{border-color:var(--indigo-500) !important}.active\:border-indigo-600:active{border-color:var(--indigo-600) !important}.active\:border-indigo-700:active{border-color:var(--indigo-700) !important}.active\:border-indigo-800:active{border-color:var(--indigo-800) !important}.active\:border-indigo-900:active{border-color:var(--indigo-900) !important}.border-teal-50{border-color:var(--teal-50) !important}.border-teal-100{border-color:var(--teal-100) !important}.border-teal-200{border-color:var(--teal-200) !important}.border-teal-300{border-color:var(--teal-300) !important}.border-teal-400{border-color:var(--teal-400) !important}.border-teal-500{border-color:var(--teal-500) !important}.border-teal-600{border-color:var(--teal-600) !important}.border-teal-700{border-color:var(--teal-700) !important}.border-teal-800{border-color:var(--teal-800) !important}.border-teal-900{border-color:var(--teal-900) !important}.focus\:border-teal-50:focus{border-color:var(--teal-50) !important}.focus\:border-teal-100:focus{border-color:var(--teal-100) !important}.focus\:border-teal-200:focus{border-color:var(--teal-200) !important}.focus\:border-teal-300:focus{border-color:var(--teal-300) !important}.focus\:border-teal-400:focus{border-color:var(--teal-400) !important}.focus\:border-teal-500:focus{border-color:var(--teal-500) !important}.focus\:border-teal-600:focus{border-color:var(--teal-600) !important}.focus\:border-teal-700:focus{border-color:var(--teal-700) !important}.focus\:border-teal-800:focus{border-color:var(--teal-800) !important}.focus\:border-teal-900:focus{border-color:var(--teal-900) !important}.hover\:border-teal-50:hover{border-color:var(--teal-50) !important}.hover\:border-teal-100:hover{border-color:var(--teal-100) !important}.hover\:border-teal-200:hover{border-color:var(--teal-200) !important}.hover\:border-teal-300:hover{border-color:var(--teal-300) !important}.hover\:border-teal-400:hover{border-color:var(--teal-400) !important}.hover\:border-teal-500:hover{border-color:var(--teal-500) !important}.hover\:border-teal-600:hover{border-color:var(--teal-600) !important}.hover\:border-teal-700:hover{border-color:var(--teal-700) !important}.hover\:border-teal-800:hover{border-color:var(--teal-800) !important}.hover\:border-teal-900:hover{border-color:var(--teal-900) !important}.active\:border-teal-50:active{border-color:var(--teal-50) !important}.active\:border-teal-100:active{border-color:var(--teal-100) !important}.active\:border-teal-200:active{border-color:var(--teal-200) !important}.active\:border-teal-300:active{border-color:var(--teal-300) !important}.active\:border-teal-400:active{border-color:var(--teal-400) !important}.active\:border-teal-500:active{border-color:var(--teal-500) !important}.active\:border-teal-600:active{border-color:var(--teal-600) !important}.active\:border-teal-700:active{border-color:var(--teal-700) !important}.active\:border-teal-800:active{border-color:var(--teal-800) !important}.active\:border-teal-900:active{border-color:var(--teal-900) !important}.border-orange-50{border-color:var(--orange-50) !important}.border-orange-100{border-color:var(--orange-100) !important}.border-orange-200{border-color:var(--orange-200) !important}.border-orange-300{border-color:var(--orange-300) !important}.border-orange-400{border-color:var(--orange-400) !important}.border-orange-500{border-color:var(--orange-500) !important}.border-orange-600{border-color:var(--orange-600) !important}.border-orange-700{border-color:var(--orange-700) !important}.border-orange-800{border-color:var(--orange-800) !important}.border-orange-900{border-color:var(--orange-900) !important}.focus\:border-orange-50:focus{border-color:var(--orange-50) !important}.focus\:border-orange-100:focus{border-color:var(--orange-100) !important}.focus\:border-orange-200:focus{border-color:var(--orange-200) !important}.focus\:border-orange-300:focus{border-color:var(--orange-300) !important}.focus\:border-orange-400:focus{border-color:var(--orange-400) !important}.focus\:border-orange-500:focus{border-color:var(--orange-500) !important}.focus\:border-orange-600:focus{border-color:var(--orange-600) !important}.focus\:border-orange-700:focus{border-color:var(--orange-700) !important}.focus\:border-orange-800:focus{border-color:var(--orange-800) !important}.focus\:border-orange-900:focus{border-color:var(--orange-900) !important}.hover\:border-orange-50:hover{border-color:var(--orange-50) !important}.hover\:border-orange-100:hover{border-color:var(--orange-100) !important}.hover\:border-orange-200:hover{border-color:var(--orange-200) !important}.hover\:border-orange-300:hover{border-color:var(--orange-300) !important}.hover\:border-orange-400:hover{border-color:var(--orange-400) !important}.hover\:border-orange-500:hover{border-color:var(--orange-500) !important}.hover\:border-orange-600:hover{border-color:var(--orange-600) !important}.hover\:border-orange-700:hover{border-color:var(--orange-700) !important}.hover\:border-orange-800:hover{border-color:var(--orange-800) !important}.hover\:border-orange-900:hover{border-color:var(--orange-900) !important}.active\:border-orange-50:active{border-color:var(--orange-50) !important}.active\:border-orange-100:active{border-color:var(--orange-100) !important}.active\:border-orange-200:active{border-color:var(--orange-200) !important}.active\:border-orange-300:active{border-color:var(--orange-300) !important}.active\:border-orange-400:active{border-color:var(--orange-400) !important}.active\:border-orange-500:active{border-color:var(--orange-500) !important}.active\:border-orange-600:active{border-color:var(--orange-600) !important}.active\:border-orange-700:active{border-color:var(--orange-700) !important}.active\:border-orange-800:active{border-color:var(--orange-800) !important}.active\:border-orange-900:active{border-color:var(--orange-900) !important}.border-bluegray-50{border-color:var(--bluegray-50) !important}.border-bluegray-100{border-color:var(--bluegray-100) !important}.border-bluegray-200{border-color:var(--bluegray-200) !important}.border-bluegray-300{border-color:var(--bluegray-300) !important}.border-bluegray-400{border-color:var(--bluegray-400) !important}.border-bluegray-500{border-color:var(--bluegray-500) !important}.border-bluegray-600{border-color:var(--bluegray-600) !important}.border-bluegray-700{border-color:var(--bluegray-700) !important}.border-bluegray-800{border-color:var(--bluegray-800) !important}.border-bluegray-900{border-color:var(--bluegray-900) !important}.focus\:border-bluegray-50:focus{border-color:var(--bluegray-50) !important}.focus\:border-bluegray-100:focus{border-color:var(--bluegray-100) !important}.focus\:border-bluegray-200:focus{border-color:var(--bluegray-200) !important}.focus\:border-bluegray-300:focus{border-color:var(--bluegray-300) !important}.focus\:border-bluegray-400:focus{border-color:var(--bluegray-400) !important}.focus\:border-bluegray-500:focus{border-color:var(--bluegray-500) !important}.focus\:border-bluegray-600:focus{border-color:var(--bluegray-600) !important}.focus\:border-bluegray-700:focus{border-color:var(--bluegray-700) !important}.focus\:border-bluegray-800:focus{border-color:var(--bluegray-800) !important}.focus\:border-bluegray-900:focus{border-color:var(--bluegray-900) !important}.hover\:border-bluegray-50:hover{border-color:var(--bluegray-50) !important}.hover\:border-bluegray-100:hover{border-color:var(--bluegray-100) !important}.hover\:border-bluegray-200:hover{border-color:var(--bluegray-200) !important}.hover\:border-bluegray-300:hover{border-color:var(--bluegray-300) !important}.hover\:border-bluegray-400:hover{border-color:var(--bluegray-400) !important}.hover\:border-bluegray-500:hover{border-color:var(--bluegray-500) !important}.hover\:border-bluegray-600:hover{border-color:var(--bluegray-600) !important}.hover\:border-bluegray-700:hover{border-color:var(--bluegray-700) !important}.hover\:border-bluegray-800:hover{border-color:var(--bluegray-800) !important}.hover\:border-bluegray-900:hover{border-color:var(--bluegray-900) !important}.active\:border-bluegray-50:active{border-color:var(--bluegray-50) !important}.active\:border-bluegray-100:active{border-color:var(--bluegray-100) !important}.active\:border-bluegray-200:active{border-color:var(--bluegray-200) !important}.active\:border-bluegray-300:active{border-color:var(--bluegray-300) !important}.active\:border-bluegray-400:active{border-color:var(--bluegray-400) !important}.active\:border-bluegray-500:active{border-color:var(--bluegray-500) !important}.active\:border-bluegray-600:active{border-color:var(--bluegray-600) !important}.active\:border-bluegray-700:active{border-color:var(--bluegray-700) !important}.active\:border-bluegray-800:active{border-color:var(--bluegray-800) !important}.active\:border-bluegray-900:active{border-color:var(--bluegray-900) !important}.border-purple-50{border-color:var(--purple-50) !important}.border-purple-100{border-color:var(--purple-100) !important}.border-purple-200{border-color:var(--purple-200) !important}.border-purple-300{border-color:var(--purple-300) !important}.border-purple-400{border-color:var(--purple-400) !important}.border-purple-500{border-color:var(--purple-500) !important}.border-purple-600{border-color:var(--purple-600) !important}.border-purple-700{border-color:var(--purple-700) !important}.border-purple-800{border-color:var(--purple-800) !important}.border-purple-900{border-color:var(--purple-900) !important}.focus\:border-purple-50:focus{border-color:var(--purple-50) !important}.focus\:border-purple-100:focus{border-color:var(--purple-100) !important}.focus\:border-purple-200:focus{border-color:var(--purple-200) !important}.focus\:border-purple-300:focus{border-color:var(--purple-300) !important}.focus\:border-purple-400:focus{border-color:var(--purple-400) !important}.focus\:border-purple-500:focus{border-color:var(--purple-500) !important}.focus\:border-purple-600:focus{border-color:var(--purple-600) !important}.focus\:border-purple-700:focus{border-color:var(--purple-700) !important}.focus\:border-purple-800:focus{border-color:var(--purple-800) !important}.focus\:border-purple-900:focus{border-color:var(--purple-900) !important}.hover\:border-purple-50:hover{border-color:var(--purple-50) !important}.hover\:border-purple-100:hover{border-color:var(--purple-100) !important}.hover\:border-purple-200:hover{border-color:var(--purple-200) !important}.hover\:border-purple-300:hover{border-color:var(--purple-300) !important}.hover\:border-purple-400:hover{border-color:var(--purple-400) !important}.hover\:border-purple-500:hover{border-color:var(--purple-500) !important}.hover\:border-purple-600:hover{border-color:var(--purple-600) !important}.hover\:border-purple-700:hover{border-color:var(--purple-700) !important}.hover\:border-purple-800:hover{border-color:var(--purple-800) !important}.hover\:border-purple-900:hover{border-color:var(--purple-900) !important}.active\:border-purple-50:active{border-color:var(--purple-50) !important}.active\:border-purple-100:active{border-color:var(--purple-100) !important}.active\:border-purple-200:active{border-color:var(--purple-200) !important}.active\:border-purple-300:active{border-color:var(--purple-300) !important}.active\:border-purple-400:active{border-color:var(--purple-400) !important}.active\:border-purple-500:active{border-color:var(--purple-500) !important}.active\:border-purple-600:active{border-color:var(--purple-600) !important}.active\:border-purple-700:active{border-color:var(--purple-700) !important}.active\:border-purple-800:active{border-color:var(--purple-800) !important}.active\:border-purple-900:active{border-color:var(--purple-900) !important}.border-gray-50{border-color:var(--gray-50) !important}.border-gray-100{border-color:var(--gray-100) !important}.border-gray-200{border-color:var(--gray-200) !important}.border-gray-300{border-color:var(--gray-300) !important}.border-gray-400{border-color:var(--gray-400) !important}.border-gray-500{border-color:var(--gray-500) !important}.border-gray-600{border-color:var(--gray-600) !important}.border-gray-700{border-color:var(--gray-700) !important}.border-gray-800{border-color:var(--gray-800) !important}.border-gray-900{border-color:var(--gray-900) !important}.focus\:border-gray-50:focus{border-color:var(--gray-50) !important}.focus\:border-gray-100:focus{border-color:var(--gray-100) !important}.focus\:border-gray-200:focus{border-color:var(--gray-200) !important}.focus\:border-gray-300:focus{border-color:var(--gray-300) !important}.focus\:border-gray-400:focus{border-color:var(--gray-400) !important}.focus\:border-gray-500:focus{border-color:var(--gray-500) !important}.focus\:border-gray-600:focus{border-color:var(--gray-600) !important}.focus\:border-gray-700:focus{border-color:var(--gray-700) !important}.focus\:border-gray-800:focus{border-color:var(--gray-800) !important}.focus\:border-gray-900:focus{border-color:var(--gray-900) !important}.hover\:border-gray-50:hover{border-color:var(--gray-50) !important}.hover\:border-gray-100:hover{border-color:var(--gray-100) !important}.hover\:border-gray-200:hover{border-color:var(--gray-200) !important}.hover\:border-gray-300:hover{border-color:var(--gray-300) !important}.hover\:border-gray-400:hover{border-color:var(--gray-400) !important}.hover\:border-gray-500:hover{border-color:var(--gray-500) !important}.hover\:border-gray-600:hover{border-color:var(--gray-600) !important}.hover\:border-gray-700:hover{border-color:var(--gray-700) !important}.hover\:border-gray-800:hover{border-color:var(--gray-800) !important}.hover\:border-gray-900:hover{border-color:var(--gray-900) !important}.active\:border-gray-50:active{border-color:var(--gray-50) !important}.active\:border-gray-100:active{border-color:var(--gray-100) !important}.active\:border-gray-200:active{border-color:var(--gray-200) !important}.active\:border-gray-300:active{border-color:var(--gray-300) !important}.active\:border-gray-400:active{border-color:var(--gray-400) !important}.active\:border-gray-500:active{border-color:var(--gray-500) !important}.active\:border-gray-600:active{border-color:var(--gray-600) !important}.active\:border-gray-700:active{border-color:var(--gray-700) !important}.active\:border-gray-800:active{border-color:var(--gray-800) !important}.active\:border-gray-900:active{border-color:var(--gray-900) !important}.border-red-50{border-color:var(--red-50) !important}.border-red-100{border-color:var(--red-100) !important}.border-red-200{border-color:var(--red-200) !important}.border-red-300{border-color:var(--red-300) !important}.border-red-400{border-color:var(--red-400) !important}.border-red-500{border-color:var(--red-500) !important}.border-red-600{border-color:var(--red-600) !important}.border-red-700{border-color:var(--red-700) !important}.border-red-800{border-color:var(--red-800) !important}.border-red-900{border-color:var(--red-900) !important}.focus\:border-red-50:focus{border-color:var(--red-50) !important}.focus\:border-red-100:focus{border-color:var(--red-100) !important}.focus\:border-red-200:focus{border-color:var(--red-200) !important}.focus\:border-red-300:focus{border-color:var(--red-300) !important}.focus\:border-red-400:focus{border-color:var(--red-400) !important}.focus\:border-red-500:focus{border-color:var(--red-500) !important}.focus\:border-red-600:focus{border-color:var(--red-600) !important}.focus\:border-red-700:focus{border-color:var(--red-700) !important}.focus\:border-red-800:focus{border-color:var(--red-800) !important}.focus\:border-red-900:focus{border-color:var(--red-900) !important}.hover\:border-red-50:hover{border-color:var(--red-50) !important}.hover\:border-red-100:hover{border-color:var(--red-100) !important}.hover\:border-red-200:hover{border-color:var(--red-200) !important}.hover\:border-red-300:hover{border-color:var(--red-300) !important}.hover\:border-red-400:hover{border-color:var(--red-400) !important}.hover\:border-red-500:hover{border-color:var(--red-500) !important}.hover\:border-red-600:hover{border-color:var(--red-600) !important}.hover\:border-red-700:hover{border-color:var(--red-700) !important}.hover\:border-red-800:hover{border-color:var(--red-800) !important}.hover\:border-red-900:hover{border-color:var(--red-900) !important}.active\:border-red-50:active{border-color:var(--red-50) !important}.active\:border-red-100:active{border-color:var(--red-100) !important}.active\:border-red-200:active{border-color:var(--red-200) !important}.active\:border-red-300:active{border-color:var(--red-300) !important}.active\:border-red-400:active{border-color:var(--red-400) !important}.active\:border-red-500:active{border-color:var(--red-500) !important}.active\:border-red-600:active{border-color:var(--red-600) !important}.active\:border-red-700:active{border-color:var(--red-700) !important}.active\:border-red-800:active{border-color:var(--red-800) !important}.active\:border-red-900:active{border-color:var(--red-900) !important}.border-primary-50{border-color:var(--primary-50) !important}.border-primary-100{border-color:var(--primary-100) !important}.border-primary-200{border-color:var(--primary-200) !important}.border-primary-300{border-color:var(--primary-300) !important}.border-primary-400{border-color:var(--primary-400) !important}.border-primary-500{border-color:var(--primary-500) !important}.border-primary-600{border-color:var(--primary-600) !important}.border-primary-700{border-color:var(--primary-700) !important}.border-primary-800{border-color:var(--primary-800) !important}.border-primary-900{border-color:var(--primary-900) !important}.focus\:border-primary-50:focus{border-color:var(--primary-50) !important}.focus\:border-primary-100:focus{border-color:var(--primary-100) !important}.focus\:border-primary-200:focus{border-color:var(--primary-200) !important}.focus\:border-primary-300:focus{border-color:var(--primary-300) !important}.focus\:border-primary-400:focus{border-color:var(--primary-400) !important}.focus\:border-primary-500:focus{border-color:var(--primary-500) !important}.focus\:border-primary-600:focus{border-color:var(--primary-600) !important}.focus\:border-primary-700:focus{border-color:var(--primary-700) !important}.focus\:border-primary-800:focus{border-color:var(--primary-800) !important}.focus\:border-primary-900:focus{border-color:var(--primary-900) !important}.hover\:border-primary-50:hover{border-color:var(--primary-50) !important}.hover\:border-primary-100:hover{border-color:var(--primary-100) !important}.hover\:border-primary-200:hover{border-color:var(--primary-200) !important}.hover\:border-primary-300:hover{border-color:var(--primary-300) !important}.hover\:border-primary-400:hover{border-color:var(--primary-400) !important}.hover\:border-primary-500:hover{border-color:var(--primary-500) !important}.hover\:border-primary-600:hover{border-color:var(--primary-600) !important}.hover\:border-primary-700:hover{border-color:var(--primary-700) !important}.hover\:border-primary-800:hover{border-color:var(--primary-800) !important}.hover\:border-primary-900:hover{border-color:var(--primary-900) !important}.active\:border-primary-50:active{border-color:var(--primary-50) !important}.active\:border-primary-100:active{border-color:var(--primary-100) !important}.active\:border-primary-200:active{border-color:var(--primary-200) !important}.active\:border-primary-300:active{border-color:var(--primary-300) !important}.active\:border-primary-400:active{border-color:var(--primary-400) !important}.active\:border-primary-500:active{border-color:var(--primary-500) !important}.active\:border-primary-600:active{border-color:var(--primary-600) !important}.active\:border-primary-700:active{border-color:var(--primary-700) !important}.active\:border-primary-800:active{border-color:var(--primary-800) !important}.active\:border-primary-900:active{border-color:var(--primary-900) !important}.bg-white-alpha-10{background-color:rgba(255,255,255,0.1) !important}.bg-white-alpha-20{background-color:rgba(255,255,255,0.2) !important}.bg-white-alpha-30{background-color:rgba(255,255,255,0.3) !important}.bg-white-alpha-40{background-color:rgba(255,255,255,0.4) !important}.bg-white-alpha-50{background-color:rgba(255,255,255,0.5) !important}.bg-white-alpha-60{background-color:rgba(255,255,255,0.6) !important}.bg-white-alpha-70{background-color:rgba(255,255,255,0.7) !important}.bg-white-alpha-80{background-color:rgba(255,255,255,0.8) !important}.bg-white-alpha-90{background-color:rgba(255,255,255,0.9) !important}.hover\:bg-white-alpha-10:hover{background-color:rgba(255,255,255,0.1) !important}.hover\:bg-white-alpha-20:hover{background-color:rgba(255,255,255,0.2) !important}.hover\:bg-white-alpha-30:hover{background-color:rgba(255,255,255,0.3) !important}.hover\:bg-white-alpha-40:hover{background-color:rgba(255,255,255,0.4) !important}.hover\:bg-white-alpha-50:hover{background-color:rgba(255,255,255,0.5) !important}.hover\:bg-white-alpha-60:hover{background-color:rgba(255,255,255,0.6) !important}.hover\:bg-white-alpha-70:hover{background-color:rgba(255,255,255,0.7) !important}.hover\:bg-white-alpha-80:hover{background-color:rgba(255,255,255,0.8) !important}.hover\:bg-white-alpha-90:hover{background-color:rgba(255,255,255,0.9) !important}.focus\:bg-white-alpha-10:focus{background-color:rgba(255,255,255,0.1) !important}.focus\:bg-white-alpha-20:focus{background-color:rgba(255,255,255,0.2) !important}.focus\:bg-white-alpha-30:focus{background-color:rgba(255,255,255,0.3) !important}.focus\:bg-white-alpha-40:focus{background-color:rgba(255,255,255,0.4) !important}.focus\:bg-white-alpha-50:focus{background-color:rgba(255,255,255,0.5) !important}.focus\:bg-white-alpha-60:focus{background-color:rgba(255,255,255,0.6) !important}.focus\:bg-white-alpha-70:focus{background-color:rgba(255,255,255,0.7) !important}.focus\:bg-white-alpha-80:focus{background-color:rgba(255,255,255,0.8) !important}.focus\:bg-white-alpha-90:focus{background-color:rgba(255,255,255,0.9) !important}.active\:bg-white-alpha-10:active{background-color:rgba(255,255,255,0.1) !important}.active\:bg-white-alpha-20:active{background-color:rgba(255,255,255,0.2) !important}.active\:bg-white-alpha-30:active{background-color:rgba(255,255,255,0.3) !important}.active\:bg-white-alpha-40:active{background-color:rgba(255,255,255,0.4) !important}.active\:bg-white-alpha-50:active{background-color:rgba(255,255,255,0.5) !important}.active\:bg-white-alpha-60:active{background-color:rgba(255,255,255,0.6) !important}.active\:bg-white-alpha-70:active{background-color:rgba(255,255,255,0.7) !important}.active\:bg-white-alpha-80:active{background-color:rgba(255,255,255,0.8) !important}.active\:bg-white-alpha-90:active{background-color:rgba(255,255,255,0.9) !important}.bg-black-alpha-10{background-color:rgba(0,0,0,0.1) !important}.bg-black-alpha-20{background-color:rgba(0,0,0,0.2) !important}.bg-black-alpha-30{background-color:rgba(0,0,0,0.3) !important}.bg-black-alpha-40{background-color:rgba(0,0,0,0.4) !important}.bg-black-alpha-50{background-color:rgba(0,0,0,0.5) !important}.bg-black-alpha-60{background-color:rgba(0,0,0,0.6) !important}.bg-black-alpha-70{background-color:rgba(0,0,0,0.7) !important}.bg-black-alpha-80{background-color:rgba(0,0,0,0.8) !important}.bg-black-alpha-90{background-color:rgba(0,0,0,0.9) !important}.hover\:bg-black-alpha-10:hover{background-color:rgba(0,0,0,0.1) !important}.hover\:bg-black-alpha-20:hover{background-color:rgba(0,0,0,0.2) !important}.hover\:bg-black-alpha-30:hover{background-color:rgba(0,0,0,0.3) !important}.hover\:bg-black-alpha-40:hover{background-color:rgba(0,0,0,0.4) !important}.hover\:bg-black-alpha-50:hover{background-color:rgba(0,0,0,0.5) !important}.hover\:bg-black-alpha-60:hover{background-color:rgba(0,0,0,0.6) !important}.hover\:bg-black-alpha-70:hover{background-color:rgba(0,0,0,0.7) !important}.hover\:bg-black-alpha-80:hover{background-color:rgba(0,0,0,0.8) !important}.hover\:bg-black-alpha-90:hover{background-color:rgba(0,0,0,0.9) !important}.focus\:bg-black-alpha-10:focus{background-color:rgba(0,0,0,0.1) !important}.focus\:bg-black-alpha-20:focus{background-color:rgba(0,0,0,0.2) !important}.focus\:bg-black-alpha-30:focus{background-color:rgba(0,0,0,0.3) !important}.focus\:bg-black-alpha-40:focus{background-color:rgba(0,0,0,0.4) !important}.focus\:bg-black-alpha-50:focus{background-color:rgba(0,0,0,0.5) !important}.focus\:bg-black-alpha-60:focus{background-color:rgba(0,0,0,0.6) !important}.focus\:bg-black-alpha-70:focus{background-color:rgba(0,0,0,0.7) !important}.focus\:bg-black-alpha-80:focus{background-color:rgba(0,0,0,0.8) !important}.focus\:bg-black-alpha-90:focus{background-color:rgba(0,0,0,0.9) !important}.active\:bg-black-alpha-10:active{background-color:rgba(0,0,0,0.1) !important}.active\:bg-black-alpha-20:active{background-color:rgba(0,0,0,0.2) !important}.active\:bg-black-alpha-30:active{background-color:rgba(0,0,0,0.3) !important}.active\:bg-black-alpha-40:active{background-color:rgba(0,0,0,0.4) !important}.active\:bg-black-alpha-50:active{background-color:rgba(0,0,0,0.5) !important}.active\:bg-black-alpha-60:active{background-color:rgba(0,0,0,0.6) !important}.active\:bg-black-alpha-70:active{background-color:rgba(0,0,0,0.7) !important}.active\:bg-black-alpha-80:active{background-color:rgba(0,0,0,0.8) !important}.active\:bg-black-alpha-90:active{background-color:rgba(0,0,0,0.9) !important}.border-white-alpha-10{border-color:rgba(255,255,255,0.1) !important}.border-white-alpha-20{border-color:rgba(255,255,255,0.2) !important}.border-white-alpha-30{border-color:rgba(255,255,255,0.3) !important}.border-white-alpha-40{border-color:rgba(255,255,255,0.4) !important}.border-white-alpha-50{border-color:rgba(255,255,255,0.5) !important}.border-white-alpha-60{border-color:rgba(255,255,255,0.6) !important}.border-white-alpha-70{border-color:rgba(255,255,255,0.7) !important}.border-white-alpha-80{border-color:rgba(255,255,255,0.8) !important}.border-white-alpha-90{border-color:rgba(255,255,255,0.9) !important}.hover\:border-white-alpha-10:hover{border-color:rgba(255,255,255,0.1) !important}.hover\:border-white-alpha-20:hover{border-color:rgba(255,255,255,0.2) !important}.hover\:border-white-alpha-30:hover{border-color:rgba(255,255,255,0.3) !important}.hover\:border-white-alpha-40:hover{border-color:rgba(255,255,255,0.4) !important}.hover\:border-white-alpha-50:hover{border-color:rgba(255,255,255,0.5) !important}.hover\:border-white-alpha-60:hover{border-color:rgba(255,255,255,0.6) !important}.hover\:border-white-alpha-70:hover{border-color:rgba(255,255,255,0.7) !important}.hover\:border-white-alpha-80:hover{border-color:rgba(255,255,255,0.8) !important}.hover\:border-white-alpha-90:hover{border-color:rgba(255,255,255,0.9) !important}.focus\:border-white-alpha-10:focus{border-color:rgba(255,255,255,0.1) !important}.focus\:border-white-alpha-20:focus{border-color:rgba(255,255,255,0.2) !important}.focus\:border-white-alpha-30:focus{border-color:rgba(255,255,255,0.3) !important}.focus\:border-white-alpha-40:focus{border-color:rgba(255,255,255,0.4) !important}.focus\:border-white-alpha-50:focus{border-color:rgba(255,255,255,0.5) !important}.focus\:border-white-alpha-60:focus{border-color:rgba(255,255,255,0.6) !important}.focus\:border-white-alpha-70:focus{border-color:rgba(255,255,255,0.7) !important}.focus\:border-white-alpha-80:focus{border-color:rgba(255,255,255,0.8) !important}.focus\:border-white-alpha-90:focus{border-color:rgba(255,255,255,0.9) !important}.active\:border-white-alpha-10:active{border-color:rgba(255,255,255,0.1) !important}.active\:border-white-alpha-20:active{border-color:rgba(255,255,255,0.2) !important}.active\:border-white-alpha-30:active{border-color:rgba(255,255,255,0.3) !important}.active\:border-white-alpha-40:active{border-color:rgba(255,255,255,0.4) !important}.active\:border-white-alpha-50:active{border-color:rgba(255,255,255,0.5) !important}.active\:border-white-alpha-60:active{border-color:rgba(255,255,255,0.6) !important}.active\:border-white-alpha-70:active{border-color:rgba(255,255,255,0.7) !important}.active\:border-white-alpha-80:active{border-color:rgba(255,255,255,0.8) !important}.active\:border-white-alpha-90:active{border-color:rgba(255,255,255,0.9) !important}.border-black-alpha-10{border-color:rgba(0,0,0,0.1) !important}.border-black-alpha-20{border-color:rgba(0,0,0,0.2) !important}.border-black-alpha-30{border-color:rgba(0,0,0,0.3) !important}.border-black-alpha-40{border-color:rgba(0,0,0,0.4) !important}.border-black-alpha-50{border-color:rgba(0,0,0,0.5) !important}.border-black-alpha-60{border-color:rgba(0,0,0,0.6) !important}.border-black-alpha-70{border-color:rgba(0,0,0,0.7) !important}.border-black-alpha-80{border-color:rgba(0,0,0,0.8) !important}.border-black-alpha-90{border-color:rgba(0,0,0,0.9) !important}.hover\:border-black-alpha-10:hover{border-color:rgba(0,0,0,0.1) !important}.hover\:border-black-alpha-20:hover{border-color:rgba(0,0,0,0.2) !important}.hover\:border-black-alpha-30:hover{border-color:rgba(0,0,0,0.3) !important}.hover\:border-black-alpha-40:hover{border-color:rgba(0,0,0,0.4) !important}.hover\:border-black-alpha-50:hover{border-color:rgba(0,0,0,0.5) !important}.hover\:border-black-alpha-60:hover{border-color:rgba(0,0,0,0.6) !important}.hover\:border-black-alpha-70:hover{border-color:rgba(0,0,0,0.7) !important}.hover\:border-black-alpha-80:hover{border-color:rgba(0,0,0,0.8) !important}.hover\:border-black-alpha-90:hover{border-color:rgba(0,0,0,0.9) !important}.focus\:border-black-alpha-10:focus{border-color:rgba(0,0,0,0.1) !important}.focus\:border-black-alpha-20:focus{border-color:rgba(0,0,0,0.2) !important}.focus\:border-black-alpha-30:focus{border-color:rgba(0,0,0,0.3) !important}.focus\:border-black-alpha-40:focus{border-color:rgba(0,0,0,0.4) !important}.focus\:border-black-alpha-50:focus{border-color:rgba(0,0,0,0.5) !important}.focus\:border-black-alpha-60:focus{border-color:rgba(0,0,0,0.6) !important}.focus\:border-black-alpha-70:focus{border-color:rgba(0,0,0,0.7) !important}.focus\:border-black-alpha-80:focus{border-color:rgba(0,0,0,0.8) !important}.focus\:border-black-alpha-90:focus{border-color:rgba(0,0,0,0.9) !important}.active\:border-black-alpha-10:active{border-color:rgba(0,0,0,0.1) !important}.active\:border-black-alpha-20:active{border-color:rgba(0,0,0,0.2) !important}.active\:border-black-alpha-30:active{border-color:rgba(0,0,0,0.3) !important}.active\:border-black-alpha-40:active{border-color:rgba(0,0,0,0.4) !important}.active\:border-black-alpha-50:active{border-color:rgba(0,0,0,0.5) !important}.active\:border-black-alpha-60:active{border-color:rgba(0,0,0,0.6) !important}.active\:border-black-alpha-70:active{border-color:rgba(0,0,0,0.7) !important}.active\:border-black-alpha-80:active{border-color:rgba(0,0,0,0.8) !important}.active\:border-black-alpha-90:active{border-color:rgba(0,0,0,0.9) !important}.text-white-alpha-10{color:rgba(255,255,255,0.1) !important}.text-white-alpha-20{color:rgba(255,255,255,0.2) !important}.text-white-alpha-30{color:rgba(255,255,255,0.3) !important}.text-white-alpha-40{color:rgba(255,255,255,0.4) !important}.text-white-alpha-50{color:rgba(255,255,255,0.5) !important}.text-white-alpha-60{color:rgba(255,255,255,0.6) !important}.text-white-alpha-70{color:rgba(255,255,255,0.7) !important}.text-white-alpha-80{color:rgba(255,255,255,0.8) !important}.text-white-alpha-90{color:rgba(255,255,255,0.9) !important}.hover\:text-white-alpha-10:hover{color:rgba(255,255,255,0.1) !important}.hover\:text-white-alpha-20:hover{color:rgba(255,255,255,0.2) !important}.hover\:text-white-alpha-30:hover{color:rgba(255,255,255,0.3) !important}.hover\:text-white-alpha-40:hover{color:rgba(255,255,255,0.4) !important}.hover\:text-white-alpha-50:hover{color:rgba(255,255,255,0.5) !important}.hover\:text-white-alpha-60:hover{color:rgba(255,255,255,0.6) !important}.hover\:text-white-alpha-70:hover{color:rgba(255,255,255,0.7) !important}.hover\:text-white-alpha-80:hover{color:rgba(255,255,255,0.8) !important}.hover\:text-white-alpha-90:hover{color:rgba(255,255,255,0.9) !important}.focus\:text-white-alpha-10:focus{color:rgba(255,255,255,0.1) !important}.focus\:text-white-alpha-20:focus{color:rgba(255,255,255,0.2) !important}.focus\:text-white-alpha-30:focus{color:rgba(255,255,255,0.3) !important}.focus\:text-white-alpha-40:focus{color:rgba(255,255,255,0.4) !important}.focus\:text-white-alpha-50:focus{color:rgba(255,255,255,0.5) !important}.focus\:text-white-alpha-60:focus{color:rgba(255,255,255,0.6) !important}.focus\:text-white-alpha-70:focus{color:rgba(255,255,255,0.7) !important}.focus\:text-white-alpha-80:focus{color:rgba(255,255,255,0.8) !important}.focus\:text-white-alpha-90:focus{color:rgba(255,255,255,0.9) !important}.active\:text-white-alpha-10:active{color:rgba(255,255,255,0.1) !important}.active\:text-white-alpha-20:active{color:rgba(255,255,255,0.2) !important}.active\:text-white-alpha-30:active{color:rgba(255,255,255,0.3) !important}.active\:text-white-alpha-40:active{color:rgba(255,255,255,0.4) !important}.active\:text-white-alpha-50:active{color:rgba(255,255,255,0.5) !important}.active\:text-white-alpha-60:active{color:rgba(255,255,255,0.6) !important}.active\:text-white-alpha-70:active{color:rgba(255,255,255,0.7) !important}.active\:text-white-alpha-80:active{color:rgba(255,255,255,0.8) !important}.active\:text-white-alpha-90:active{color:rgba(255,255,255,0.9) !important}.text-black-alpha-10{color:rgba(0,0,0,0.1) !important}.text-black-alpha-20{color:rgba(0,0,0,0.2) !important}.text-black-alpha-30{color:rgba(0,0,0,0.3) !important}.text-black-alpha-40{color:rgba(0,0,0,0.4) !important}.text-black-alpha-50{color:rgba(0,0,0,0.5) !important}.text-black-alpha-60{color:rgba(0,0,0,0.6) !important}.text-black-alpha-70{color:rgba(0,0,0,0.7) !important}.text-black-alpha-80{color:rgba(0,0,0,0.8) !important}.text-black-alpha-90{color:rgba(0,0,0,0.9) !important}.hover\:text-black-alpha-10:hover{color:rgba(0,0,0,0.1) !important}.hover\:text-black-alpha-20:hover{color:rgba(0,0,0,0.2) !important}.hover\:text-black-alpha-30:hover{color:rgba(0,0,0,0.3) !important}.hover\:text-black-alpha-40:hover{color:rgba(0,0,0,0.4) !important}.hover\:text-black-alpha-50:hover{color:rgba(0,0,0,0.5) !important}.hover\:text-black-alpha-60:hover{color:rgba(0,0,0,0.6) !important}.hover\:text-black-alpha-70:hover{color:rgba(0,0,0,0.7) !important}.hover\:text-black-alpha-80:hover{color:rgba(0,0,0,0.8) !important}.hover\:text-black-alpha-90:hover{color:rgba(0,0,0,0.9) !important}.focus\:text-black-alpha-10:focus{color:rgba(0,0,0,0.1) !important}.focus\:text-black-alpha-20:focus{color:rgba(0,0,0,0.2) !important}.focus\:text-black-alpha-30:focus{color:rgba(0,0,0,0.3) !important}.focus\:text-black-alpha-40:focus{color:rgba(0,0,0,0.4) !important}.focus\:text-black-alpha-50:focus{color:rgba(0,0,0,0.5) !important}.focus\:text-black-alpha-60:focus{color:rgba(0,0,0,0.6) !important}.focus\:text-black-alpha-70:focus{color:rgba(0,0,0,0.7) !important}.focus\:text-black-alpha-80:focus{color:rgba(0,0,0,0.8) !important}.focus\:text-black-alpha-90:focus{color:rgba(0,0,0,0.9) !important}.active\:text-black-alpha-10:active{color:rgba(0,0,0,0.1) !important}.active\:text-black-alpha-20:active{color:rgba(0,0,0,0.2) !important}.active\:text-black-alpha-30:active{color:rgba(0,0,0,0.3) !important}.active\:text-black-alpha-40:active{color:rgba(0,0,0,0.4) !important}.active\:text-black-alpha-50:active{color:rgba(0,0,0,0.5) !important}.active\:text-black-alpha-60:active{color:rgba(0,0,0,0.6) !important}.active\:text-black-alpha-70:active{color:rgba(0,0,0,0.7) !important}.active\:text-black-alpha-80:active{color:rgba(0,0,0,0.8) !important}.active\:text-black-alpha-90:active{color:rgba(0,0,0,0.9) !important}.text-primary{color:var(--primary-color) !important}.bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.bg-white{background-color:#ffffff !important}.border-primary{border-color:var(--primary-color) !important}.text-white{color:#ffffff !important}.border-white{border-color:#ffffff !important}.text-color{color:var(--text-color) !important}.text-color-secondary{color:var(--text-color-secondary) !important}.surface-ground{background-color:var(--surface-ground) !important}.surface-section{background-color:var(--surface-section) !important}.surface-card{background-color:var(--surface-card) !important}.surface-overlay{background-color:var(--surface-overlay) !important}.surface-hover{background-color:var(--surface-hover) !important}.surface-border{border-color:var(--surface-border) !important}.focus\:text-primary:focus{color:var(--primary-color) !important}.hover\:text-primary:hover{color:var(--primary-color) !important}.active\:text-primary:active{color:var(--primary-color) !important}.focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.focus\:bg-white:focus{background-color:#ffffff !important}.hover\:bg-white:hover{background-color:#ffffff !important}.active\:bg-white:active{background-color:#ffffff !important}.focus\:border-primary:focus{border-color:var(--primary-color) !important}.hover\:border-primary:hover{border-color:var(--primary-color) !important}.active\:border-primary:active{border-color:var(--primary-color) !important}.focus\:text-white:focus{color:#ffffff !important}.hover\:text-white:hover{color:#ffffff !important}.active\:text-white:active{color:#ffffff !important}.focus\:border-white:focus{border-color:#ffffff !important}.hover\:border-white:hover{border-color:#ffffff !important}.active\:border-white:active{border-color:#ffffff !important}.focus\:text-color:focus{color:var(--text-color) !important}.hover\:text-color:hover{color:var(--text-color) !important}.active\:text-color:active{color:var(--text-color) !important}.focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.active\:surface-ground:active{background-color:var(--surface-ground) !important}.focus\:surface-section:focus{background-color:var(--surface-section) !important}.hover\:surface-section:hover{background-color:var(--surface-section) !important}.active\:surface-section:active{background-color:var(--surface-section) !important}.focus\:surface-card:focus{background-color:var(--surface-card) !important}.hover\:surface-card:hover{background-color:var(--surface-card) !important}.active\:surface-card:active{background-color:var(--surface-card) !important}.focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.active\:surface-hover:active{background-color:var(--surface-hover) !important}.focus\:surface-border:focus{border-color:var(--surface-border) !important}.hover\:surface-border:hover{border-color:var(--surface-border) !important}.active\:surface-border:active{border-color:var(--surface-border) !important}@media screen and (min-width: 576px){.sm\:text-primary{color:var(--primary-color) !important}.sm\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:bg-white{background-color:#ffffff !important}.sm\:border-primary{border-color:var(--primary-color) !important}.sm\:text-white{color:#ffffff !important}.sm\:border-white{border-color:#ffffff !important}.sm\:text-color{color:var(--text-color) !important}.sm\:text-color-secondary{color:var(--text-color-secondary) !important}.sm\:surface-ground{background-color:var(--surface-ground) !important}.sm\:surface-section{background-color:var(--surface-section) !important}.sm\:surface-card{background-color:var(--surface-card) !important}.sm\:surface-overlay{background-color:var(--surface-overlay) !important}.sm\:surface-hover{background-color:var(--surface-hover) !important}.sm\:surface-border{border-color:var(--surface-border) !important}.sm\:focus\:text-primary:focus{color:var(--primary-color) !important}.sm\:hover\:text-primary:hover{color:var(--primary-color) !important}.sm\:active\:text-primary:active{color:var(--primary-color) !important}.sm\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:focus\:bg-white:focus{background-color:#ffffff !important}.sm\:hover\:bg-white:hover{background-color:#ffffff !important}.sm\:active\:bg-white:active{background-color:#ffffff !important}.sm\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.sm\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.sm\:active\:border-primary:active{border-color:var(--primary-color) !important}.sm\:focus\:text-white:focus{color:#ffffff !important}.sm\:hover\:text-white:hover{color:#ffffff !important}.sm\:active\:text-white:active{color:#ffffff !important}.sm\:focus\:border-white:focus{border-color:#ffffff !important}.sm\:hover\:border-white:hover{border-color:#ffffff !important}.sm\:active\:border-white:active{border-color:#ffffff !important}.sm\:focus\:text-color:focus{color:var(--text-color) !important}.sm\:hover\:text-color:hover{color:var(--text-color) !important}.sm\:active\:text-color:active{color:var(--text-color) !important}.sm\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.sm\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.sm\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.sm\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.sm\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.sm\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.sm\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.sm\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.sm\:active\:surface-section:active{background-color:var(--surface-section) !important}.sm\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.sm\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.sm\:active\:surface-card:active{background-color:var(--surface-card) !important}.sm\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.sm\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.sm\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.sm\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.sm\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.sm\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.sm\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.sm\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.sm\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 768px){.md\:text-primary{color:var(--primary-color) !important}.md\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:bg-white{background-color:#ffffff !important}.md\:border-primary{border-color:var(--primary-color) !important}.md\:text-white{color:#ffffff !important}.md\:border-white{border-color:#ffffff !important}.md\:text-color{color:var(--text-color) !important}.md\:text-color-secondary{color:var(--text-color-secondary) !important}.md\:surface-ground{background-color:var(--surface-ground) !important}.md\:surface-section{background-color:var(--surface-section) !important}.md\:surface-card{background-color:var(--surface-card) !important}.md\:surface-overlay{background-color:var(--surface-overlay) !important}.md\:surface-hover{background-color:var(--surface-hover) !important}.md\:surface-border{border-color:var(--surface-border) !important}.md\:focus\:text-primary:focus{color:var(--primary-color) !important}.md\:hover\:text-primary:hover{color:var(--primary-color) !important}.md\:active\:text-primary:active{color:var(--primary-color) !important}.md\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:focus\:bg-white:focus{background-color:#ffffff !important}.md\:hover\:bg-white:hover{background-color:#ffffff !important}.md\:active\:bg-white:active{background-color:#ffffff !important}.md\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.md\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.md\:active\:border-primary:active{border-color:var(--primary-color) !important}.md\:focus\:text-white:focus{color:#ffffff !important}.md\:hover\:text-white:hover{color:#ffffff !important}.md\:active\:text-white:active{color:#ffffff !important}.md\:focus\:border-white:focus{border-color:#ffffff !important}.md\:hover\:border-white:hover{border-color:#ffffff !important}.md\:active\:border-white:active{border-color:#ffffff !important}.md\:focus\:text-color:focus{color:var(--text-color) !important}.md\:hover\:text-color:hover{color:var(--text-color) !important}.md\:active\:text-color:active{color:var(--text-color) !important}.md\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.md\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.md\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.md\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.md\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.md\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.md\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.md\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.md\:active\:surface-section:active{background-color:var(--surface-section) !important}.md\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.md\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.md\:active\:surface-card:active{background-color:var(--surface-card) !important}.md\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.md\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.md\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.md\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.md\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.md\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.md\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.md\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.md\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 992px){.lg\:text-primary{color:var(--primary-color) !important}.lg\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:bg-white{background-color:#ffffff !important}.lg\:border-primary{border-color:var(--primary-color) !important}.lg\:text-white{color:#ffffff !important}.lg\:border-white{border-color:#ffffff !important}.lg\:text-color{color:var(--text-color) !important}.lg\:text-color-secondary{color:var(--text-color-secondary) !important}.lg\:surface-ground{background-color:var(--surface-ground) !important}.lg\:surface-section{background-color:var(--surface-section) !important}.lg\:surface-card{background-color:var(--surface-card) !important}.lg\:surface-overlay{background-color:var(--surface-overlay) !important}.lg\:surface-hover{background-color:var(--surface-hover) !important}.lg\:surface-border{border-color:var(--surface-border) !important}.lg\:focus\:text-primary:focus{color:var(--primary-color) !important}.lg\:hover\:text-primary:hover{color:var(--primary-color) !important}.lg\:active\:text-primary:active{color:var(--primary-color) !important}.lg\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:focus\:bg-white:focus{background-color:#ffffff !important}.lg\:hover\:bg-white:hover{background-color:#ffffff !important}.lg\:active\:bg-white:active{background-color:#ffffff !important}.lg\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.lg\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.lg\:active\:border-primary:active{border-color:var(--primary-color) !important}.lg\:focus\:text-white:focus{color:#ffffff !important}.lg\:hover\:text-white:hover{color:#ffffff !important}.lg\:active\:text-white:active{color:#ffffff !important}.lg\:focus\:border-white:focus{border-color:#ffffff !important}.lg\:hover\:border-white:hover{border-color:#ffffff !important}.lg\:active\:border-white:active{border-color:#ffffff !important}.lg\:focus\:text-color:focus{color:var(--text-color) !important}.lg\:hover\:text-color:hover{color:var(--text-color) !important}.lg\:active\:text-color:active{color:var(--text-color) !important}.lg\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.lg\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.lg\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.lg\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.lg\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.lg\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.lg\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.lg\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.lg\:active\:surface-section:active{background-color:var(--surface-section) !important}.lg\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.lg\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.lg\:active\:surface-card:active{background-color:var(--surface-card) !important}.lg\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.lg\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.lg\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.lg\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.lg\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.lg\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.lg\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.lg\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.lg\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 1200px){.xl\:text-primary{color:var(--primary-color) !important}.xl\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:bg-white{background-color:#ffffff !important}.xl\:border-primary{border-color:var(--primary-color) !important}.xl\:text-white{color:#ffffff !important}.xl\:border-white{border-color:#ffffff !important}.xl\:text-color{color:var(--text-color) !important}.xl\:text-color-secondary{color:var(--text-color-secondary) !important}.xl\:surface-ground{background-color:var(--surface-ground) !important}.xl\:surface-section{background-color:var(--surface-section) !important}.xl\:surface-card{background-color:var(--surface-card) !important}.xl\:surface-overlay{background-color:var(--surface-overlay) !important}.xl\:surface-hover{background-color:var(--surface-hover) !important}.xl\:surface-border{border-color:var(--surface-border) !important}.xl\:focus\:text-primary:focus{color:var(--primary-color) !important}.xl\:hover\:text-primary:hover{color:var(--primary-color) !important}.xl\:active\:text-primary:active{color:var(--primary-color) !important}.xl\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:focus\:bg-white:focus{background-color:#ffffff !important}.xl\:hover\:bg-white:hover{background-color:#ffffff !important}.xl\:active\:bg-white:active{background-color:#ffffff !important}.xl\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.xl\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.xl\:active\:border-primary:active{border-color:var(--primary-color) !important}.xl\:focus\:text-white:focus{color:#ffffff !important}.xl\:hover\:text-white:hover{color:#ffffff !important}.xl\:active\:text-white:active{color:#ffffff !important}.xl\:focus\:border-white:focus{border-color:#ffffff !important}.xl\:hover\:border-white:hover{border-color:#ffffff !important}.xl\:active\:border-white:active{border-color:#ffffff !important}.xl\:focus\:text-color:focus{color:var(--text-color) !important}.xl\:hover\:text-color:hover{color:var(--text-color) !important}.xl\:active\:text-color:active{color:var(--text-color) !important}.xl\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.xl\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.xl\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.xl\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.xl\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.xl\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.xl\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.xl\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.xl\:active\:surface-section:active{background-color:var(--surface-section) !important}.xl\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.xl\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.xl\:active\:surface-card:active{background-color:var(--surface-card) !important}.xl\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.xl\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.xl\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.xl\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.xl\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.xl\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.xl\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.xl\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.xl\:active\:surface-border:active{border-color:var(--surface-border) !important}}.field{margin-bottom:1rem}.field>label{display:inline-block;margin-bottom:.5rem}.field.grid>label{display:flex;align-items:center}.field>small{margin-top:.25rem}.field.grid,.formgrid.grid{margin-top:0}.field.grid .col-fixed,.formgrid.grid .col-fixed,.field.grid .col,.formgrid.grid .col,.field.grid .col-1,.formgrid.grid .col-1,.field.grid .col-2,.formgrid.grid .col-2,.field.grid .col-3,.formgrid.grid .col-3,.field.grid .col-4,.formgrid.grid .col-4,.field.grid .col-5,.formgrid.grid .col-5,.field.grid .col-6,.formgrid.grid .col-6,.field.grid .col-7,.formgrid.grid .col-7,.field.grid .col-8,.formgrid.grid .col-8,.field.grid .col-9,.formgrid.grid .col-9,.field.grid .col-10,.formgrid.grid .col-10,.field.grid .col-11,.formgrid.grid .col-11,.field.grid .col-12,.formgrid.grid .col-12{padding-top:0;padding-bottom:0}.formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.formgroup-inline .field,.formgroup-inline .field-checkbox,.formgroup-inline .field-radiobutton{margin-right:1rem}.formgroup-inline .field>label,.formgroup-inline .field-checkbox>label,.formgroup-inline .field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.field-checkbox,.field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.field-checkbox>label,.field-radiobutton>label{margin-left:.5rem;line-height:1}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.sm\:hidden{display:none !important}.sm\:block{display:block !important}.sm\:inline{display:inline !important}.sm\:inline-block{display:inline-block !important}.sm\:flex{display:flex !important}.sm\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.md\:hidden{display:none !important}.md\:block{display:block !important}.md\:inline{display:inline !important}.md\:inline-block{display:inline-block !important}.md\:flex{display:flex !important}.md\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.lg\:hidden{display:none !important}.lg\:block{display:block !important}.lg\:inline{display:inline !important}.lg\:inline-block{display:inline-block !important}.lg\:flex{display:flex !important}.lg\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.xl\:hidden{display:none !important}.xl\:block{display:block !important}.xl\:inline{display:inline !important}.xl\:inline-block{display:inline-block !important}.xl\:flex{display:flex !important}.xl\:inline-flex{display:inline-flex !important}}.text-center{text-align:center !important}.text-justify{text-align:justify !important}.text-left{text-align:left !important}.text-right{text-align:right !important}@media screen and (min-width: 576px){.sm\:text-center{text-align:center !important}.sm\:text-justify{text-align:justify !important}.sm\:text-left{text-align:left !important}.sm\:text-right{text-align:right !important}}@media screen and (min-width: 768px){.md\:text-center{text-align:center !important}.md\:text-justify{text-align:justify !important}.md\:text-left{text-align:left !important}.md\:text-right{text-align:right !important}}@media screen and (min-width: 992px){.lg\:text-center{text-align:center !important}.lg\:text-justify{text-align:justify !important}.lg\:text-left{text-align:left !important}.lg\:text-right{text-align:right !important}}@media screen and (min-width: 1200px){.xl\:text-center{text-align:center !important}.xl\:text-justify{text-align:justify !important}.xl\:text-left{text-align:left !important}.xl\:text-right{text-align:right !important}}.underline{text-decoration:underline !important}.line-through{text-decoration:line-through !important}.no-underline{text-decoration:none !important}.focus\:underline:focus{text-decoration:underline !important}.hover\:underline:hover{text-decoration:underline !important}.active\:underline:active{text-decoration:underline !important}.focus\:line-through:focus{text-decoration:line-through !important}.hover\:line-through:hover{text-decoration:line-through !important}.active\:line-through:active{text-decoration:line-through !important}.focus\:no-underline:focus{text-decoration:none !important}.hover\:no-underline:hover{text-decoration:none !important}.active\:no-underline:active{text-decoration:none !important}.lowercase{text-transform:lowercase !important}.uppercase{text-transform:uppercase !important}.capitalize{text-transform:capitalize !important}.text-overflow-clip{text-overflow:clip !important}.text-overflow-ellipsis{text-overflow:ellipsis !important}@media screen and (min-width: 576px){.sm\:text-overflow-clip{text-overflow:clip !important}.sm\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 768px){.md\:text-overflow-clip{text-overflow:clip !important}.md\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 992px){.lg\:text-overflow-clip{text-overflow:clip !important}.lg\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 1200px){.xl\:text-overflow-clip{text-overflow:clip !important}.xl\:text-overflow-ellipsis{text-overflow:ellipsis !important}}.font-light{font-weight:300 !important}.font-normal{font-weight:400 !important}.font-medium{font-weight:500 !important}.font-semibold{font-weight:600 !important}.font-bold{font-weight:700 !important}@media screen and (min-width: 576px){.sm\:font-light{font-weight:300 !important}.sm\:font-normal{font-weight:400 !important}.sm\:font-medium{font-weight:500 !important}.sm\:font-semibold{font-weight:600 !important}.sm\:font-bold{font-weight:700 !important}}@media screen and (min-width: 768px){.md\:font-light{font-weight:300 !important}.md\:font-normal{font-weight:400 !important}.md\:font-medium{font-weight:500 !important}.md\:font-semibold{font-weight:600 !important}.md\:font-bold{font-weight:700 !important}}@media screen and (min-width: 992px){.lg\:font-light{font-weight:300 !important}.lg\:font-normal{font-weight:400 !important}.lg\:font-medium{font-weight:500 !important}.lg\:font-semibold{font-weight:600 !important}.lg\:font-bold{font-weight:700 !important}}@media screen and (min-width: 1200px){.xl\:font-light{font-weight:300 !important}.xl\:font-normal{font-weight:400 !important}.xl\:font-medium{font-weight:500 !important}.xl\:font-semibold{font-weight:600 !important}.xl\:font-bold{font-weight:700 !important}}.font-italic{font-style:italic !important}.text-xs{font-size:0.75rem !important}.text-sm{font-size:0.875rem !important}.text-base{font-size:1rem !important}.text-lg{font-size:1.125rem !important}.text-xl{font-size:1.25rem !important}.text-2xl{font-size:1.5rem !important}.text-3xl{font-size:1.75rem !important}.text-4xl{font-size:2rem !important}.text-5xl{font-size:2.5rem !important}.text-6xl{font-size:3rem !important}.text-7xl{font-size:4rem !important}.text-8xl{font-size:6rem !important}@media screen and (min-width: 576px){.sm\:text-xs{font-size:0.75rem !important}.sm\:text-sm{font-size:0.875rem !important}.sm\:text-base{font-size:1rem !important}.sm\:text-lg{font-size:1.125rem !important}.sm\:text-xl{font-size:1.25rem !important}.sm\:text-2xl{font-size:1.5rem !important}.sm\:text-3xl{font-size:1.75rem !important}.sm\:text-4xl{font-size:2rem !important}.sm\:text-5xl{font-size:2.5rem !important}.sm\:text-6xl{font-size:3rem !important}.sm\:text-7xl{font-size:4rem !important}.sm\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 768px){.md\:text-xs{font-size:0.75rem !important}.md\:text-sm{font-size:0.875rem !important}.md\:text-base{font-size:1rem !important}.md\:text-lg{font-size:1.125rem !important}.md\:text-xl{font-size:1.25rem !important}.md\:text-2xl{font-size:1.5rem !important}.md\:text-3xl{font-size:1.75rem !important}.md\:text-4xl{font-size:2rem !important}.md\:text-5xl{font-size:2.5rem !important}.md\:text-6xl{font-size:3rem !important}.md\:text-7xl{font-size:4rem !important}.md\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 992px){.lg\:text-xs{font-size:0.75rem !important}.lg\:text-sm{font-size:0.875rem !important}.lg\:text-base{font-size:1rem !important}.lg\:text-lg{font-size:1.125rem !important}.lg\:text-xl{font-size:1.25rem !important}.lg\:text-2xl{font-size:1.5rem !important}.lg\:text-3xl{font-size:1.75rem !important}.lg\:text-4xl{font-size:2rem !important}.lg\:text-5xl{font-size:2.5rem !important}.lg\:text-6xl{font-size:3rem !important}.lg\:text-7xl{font-size:4rem !important}.lg\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 1200px){.xl\:text-xs{font-size:0.75rem !important}.xl\:text-sm{font-size:0.875rem !important}.xl\:text-base{font-size:1rem !important}.xl\:text-lg{font-size:1.125rem !important}.xl\:text-xl{font-size:1.25rem !important}.xl\:text-2xl{font-size:1.5rem !important}.xl\:text-3xl{font-size:1.75rem !important}.xl\:text-4xl{font-size:2rem !important}.xl\:text-5xl{font-size:2.5rem !important}.xl\:text-6xl{font-size:3rem !important}.xl\:text-7xl{font-size:4rem !important}.xl\:text-8xl{font-size:6rem !important}}.line-height-1{line-height:1 !important}.line-height-2{line-height:1.25 !important}.line-height-3{line-height:1.5 !important}.line-height-4{line-height:2 !important}.white-space-normal{white-space:normal !important}.white-space-nowrap{white-space:nowrap !important}.vertical-align-baseline{vertical-align:baseline !important}.vertical-align-top{vertical-align:top !important}.vertical-align-middle{vertical-align:middle !important}.vertical-align-bottom{vertical-align:bottom !important}.vertical-align-text-top{vertical-align:text-top !important}.vertical-align-text-bottom{vertical-align:text-bottom !important}.vertical-align-sub{vertical-align:sub !important}.vertical-align-super{vertical-align:super !important}@media screen and (min-width: 576px){.sm\:vertical-align-baseline{vertical-align:baseline !important}.sm\:vertical-align-top{vertical-align:top !important}.sm\:vertical-align-middle{vertical-align:middle !important}.sm\:vertical-align-bottom{vertical-align:bottom !important}.sm\:vertical-align-text-top{vertical-align:text-top !important}.sm\:vertical-align-text-bottom{vertical-align:text-bottom !important}.sm\:vertical-align-sub{vertical-align:sub !important}.sm\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 768px){.md\:vertical-align-baseline{vertical-align:baseline !important}.md\:vertical-align-top{vertical-align:top !important}.md\:vertical-align-middle{vertical-align:middle !important}.md\:vertical-align-bottom{vertical-align:bottom !important}.md\:vertical-align-text-top{vertical-align:text-top !important}.md\:vertical-align-text-bottom{vertical-align:text-bottom !important}.md\:vertical-align-sub{vertical-align:sub !important}.md\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 992px){.lg\:vertical-align-baseline{vertical-align:baseline !important}.lg\:vertical-align-top{vertical-align:top !important}.lg\:vertical-align-middle{vertical-align:middle !important}.lg\:vertical-align-bottom{vertical-align:bottom !important}.lg\:vertical-align-text-top{vertical-align:text-top !important}.lg\:vertical-align-text-bottom{vertical-align:text-bottom !important}.lg\:vertical-align-sub{vertical-align:sub !important}.lg\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 1200px){.xl\:vertical-align-baseline{vertical-align:baseline !important}.xl\:vertical-align-top{vertical-align:top !important}.xl\:vertical-align-middle{vertical-align:middle !important}.xl\:vertical-align-bottom{vertical-align:bottom !important}.xl\:vertical-align-text-top{vertical-align:text-top !important}.xl\:vertical-align-text-bottom{vertical-align:text-bottom !important}.xl\:vertical-align-sub{vertical-align:sub !important}.xl\:vertical-align-super{vertical-align:super !important}}.flex-row{flex-direction:row !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column{flex-direction:column !important}.flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.sm\:flex-row{flex-direction:row !important}.sm\:flex-row-reverse{flex-direction:row-reverse !important}.sm\:flex-column{flex-direction:column !important}.sm\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.md\:flex-row{flex-direction:row !important}.md\:flex-row-reverse{flex-direction:row-reverse !important}.md\:flex-column{flex-direction:column !important}.md\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.lg\:flex-row{flex-direction:row !important}.lg\:flex-row-reverse{flex-direction:row-reverse !important}.lg\:flex-column{flex-direction:column !important}.lg\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.xl\:flex-row{flex-direction:row !important}.xl\:flex-row-reverse{flex-direction:row-reverse !important}.xl\:flex-column{flex-direction:column !important}.xl\:flex-column-reverse{flex-direction:column-reverse !important}}.flex-wrap{flex-wrap:wrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-nowrap{flex-wrap:nowrap !important}@media screen and (min-width: 576px){.sm\:flex-wrap{flex-wrap:wrap !important}.sm\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.sm\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 768px){.md\:flex-wrap{flex-wrap:wrap !important}.md\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.md\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 992px){.lg\:flex-wrap{flex-wrap:wrap !important}.lg\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.lg\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 1200px){.xl\:flex-wrap{flex-wrap:wrap !important}.xl\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.xl\:flex-nowrap{flex-wrap:nowrap !important}}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:justify-content-start{justify-content:flex-start !important}.sm\:justify-content-end{justify-content:flex-end !important}.sm\:justify-content-center{justify-content:center !important}.sm\:justify-content-between{justify-content:space-between !important}.sm\:justify-content-around{justify-content:space-around !important}.sm\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:justify-content-start{justify-content:flex-start !important}.md\:justify-content-end{justify-content:flex-end !important}.md\:justify-content-center{justify-content:center !important}.md\:justify-content-between{justify-content:space-between !important}.md\:justify-content-around{justify-content:space-around !important}.md\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:justify-content-start{justify-content:flex-start !important}.lg\:justify-content-end{justify-content:flex-end !important}.lg\:justify-content-center{justify-content:center !important}.lg\:justify-content-between{justify-content:space-between !important}.lg\:justify-content-around{justify-content:space-around !important}.lg\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:justify-content-start{justify-content:flex-start !important}.xl\:justify-content-end{justify-content:flex-end !important}.xl\:justify-content-center{justify-content:center !important}.xl\:justify-content-between{justify-content:space-between !important}.xl\:justify-content-around{justify-content:space-around !important}.xl\:justify-content-evenly{justify-content:space-evenly !important}}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-evenly{align-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:align-content-start{align-content:flex-start !important}.sm\:align-content-end{align-content:flex-end !important}.sm\:align-content-center{align-content:center !important}.sm\:align-content-between{align-content:space-between !important}.sm\:align-content-around{align-content:space-around !important}.sm\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:align-content-start{align-content:flex-start !important}.md\:align-content-end{align-content:flex-end !important}.md\:align-content-center{align-content:center !important}.md\:align-content-between{align-content:space-between !important}.md\:align-content-around{align-content:space-around !important}.md\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:align-content-start{align-content:flex-start !important}.lg\:align-content-end{align-content:flex-end !important}.lg\:align-content-center{align-content:center !important}.lg\:align-content-between{align-content:space-between !important}.lg\:align-content-around{align-content:space-around !important}.lg\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:align-content-start{align-content:flex-start !important}.xl\:align-content-end{align-content:flex-end !important}.xl\:align-content-center{align-content:center !important}.xl\:align-content-between{align-content:space-between !important}.xl\:align-content-around{align-content:space-around !important}.xl\:align-content-evenly{align-content:space-evenly !important}}.align-items-stretch{align-items:stretch !important}.align-items-start{align-items:flex-start !important}.align-items-center{align-items:center !important}.align-items-end{align-items:flex-end !important}.align-items-baseline{align-items:baseline !important}@media screen and (min-width: 576px){.sm\:align-items-stretch{align-items:stretch !important}.sm\:align-items-start{align-items:flex-start !important}.sm\:align-items-center{align-items:center !important}.sm\:align-items-end{align-items:flex-end !important}.sm\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 768px){.md\:align-items-stretch{align-items:stretch !important}.md\:align-items-start{align-items:flex-start !important}.md\:align-items-center{align-items:center !important}.md\:align-items-end{align-items:flex-end !important}.md\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 992px){.lg\:align-items-stretch{align-items:stretch !important}.lg\:align-items-start{align-items:flex-start !important}.lg\:align-items-center{align-items:center !important}.lg\:align-items-end{align-items:flex-end !important}.lg\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-items-stretch{align-items:stretch !important}.xl\:align-items-start{align-items:flex-start !important}.xl\:align-items-center{align-items:center !important}.xl\:align-items-end{align-items:flex-end !important}.xl\:align-items-baseline{align-items:baseline !important}}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-stretch{align-self:stretch !important}.align-self-baseline{align-self:baseline !important}@media screen and (min-width: 576px){.sm\:align-self-auto{align-self:auto !important}.sm\:align-self-start{align-self:flex-start !important}.sm\:align-self-end{align-self:flex-end !important}.sm\:align-self-center{align-self:center !important}.sm\:align-self-stretch{align-self:stretch !important}.sm\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 768px){.md\:align-self-auto{align-self:auto !important}.md\:align-self-start{align-self:flex-start !important}.md\:align-self-end{align-self:flex-end !important}.md\:align-self-center{align-self:center !important}.md\:align-self-stretch{align-self:stretch !important}.md\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 992px){.lg\:align-self-auto{align-self:auto !important}.lg\:align-self-start{align-self:flex-start !important}.lg\:align-self-end{align-self:flex-end !important}.lg\:align-self-center{align-self:center !important}.lg\:align-self-stretch{align-self:stretch !important}.lg\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-self-auto{align-self:auto !important}.xl\:align-self-start{align-self:flex-start !important}.xl\:align-self-end{align-self:flex-end !important}.xl\:align-self-center{align-self:center !important}.xl\:align-self-stretch{align-self:stretch !important}.xl\:align-self-baseline{align-self:baseline !important}}.flex-order-0{order:0 !important}.flex-order-1{order:1 !important}.flex-order-2{order:2 !important}.flex-order-3{order:3 !important}.flex-order-4{order:4 !important}.flex-order-5{order:5 !important}.flex-order-6{order:6 !important}@media screen and (min-width: 576px){.sm\:flex-order-0{order:0 !important}.sm\:flex-order-1{order:1 !important}.sm\:flex-order-2{order:2 !important}.sm\:flex-order-3{order:3 !important}.sm\:flex-order-4{order:4 !important}.sm\:flex-order-5{order:5 !important}.sm\:flex-order-6{order:6 !important}}@media screen and (min-width: 768px){.md\:flex-order-0{order:0 !important}.md\:flex-order-1{order:1 !important}.md\:flex-order-2{order:2 !important}.md\:flex-order-3{order:3 !important}.md\:flex-order-4{order:4 !important}.md\:flex-order-5{order:5 !important}.md\:flex-order-6{order:6 !important}}@media screen and (min-width: 992px){.lg\:flex-order-0{order:0 !important}.lg\:flex-order-1{order:1 !important}.lg\:flex-order-2{order:2 !important}.lg\:flex-order-3{order:3 !important}.lg\:flex-order-4{order:4 !important}.lg\:flex-order-5{order:5 !important}.lg\:flex-order-6{order:6 !important}}@media screen and (min-width: 1200px){.xl\:flex-order-0{order:0 !important}.xl\:flex-order-1{order:1 !important}.xl\:flex-order-2{order:2 !important}.xl\:flex-order-3{order:3 !important}.xl\:flex-order-4{order:4 !important}.xl\:flex-order-5{order:5 !important}.xl\:flex-order-6{order:6 !important}}.flex-1{flex:1 1 0% !important}.flex-auto{flex:1 1 auto !important}.flex-initial{flex:0 1 auto !important}.flex-none{flex:none !important}@media screen and (min-width: 576px){.sm\:flex-1{flex:1 1 0% !important}.sm\:flex-auto{flex:1 1 auto !important}.sm\:flex-initial{flex:0 1 auto !important}.sm\:flex-none{flex:none !important}}@media screen and (min-width: 768px){.md\:flex-1{flex:1 1 0% !important}.md\:flex-auto{flex:1 1 auto !important}.md\:flex-initial{flex:0 1 auto !important}.md\:flex-none{flex:none !important}}@media screen and (min-width: 992px){.lg\:flex-1{flex:1 1 0% !important}.lg\:flex-auto{flex:1 1 auto !important}.lg\:flex-initial{flex:0 1 auto !important}.lg\:flex-none{flex:none !important}}@media screen and (min-width: 1200px){.xl\:flex-1{flex:1 1 0% !important}.xl\:flex-auto{flex:1 1 auto !important}.xl\:flex-initial{flex:0 1 auto !important}.xl\:flex-none{flex:none !important}}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}@media screen and (min-width: 576px){.sm\:flex-grow-0{flex-grow:0 !important}.sm\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 768px){.md\:flex-grow-0{flex-grow:0 !important}.md\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 992px){.lg\:flex-grow-0{flex-grow:0 !important}.lg\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-grow-0{flex-grow:0 !important}.xl\:flex-grow-1{flex-grow:1 !important}}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}@media screen and (min-width: 576px){.sm\:flex-shrink-0{flex-shrink:0 !important}.sm\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 768px){.md\:flex-shrink-0{flex-shrink:0 !important}.md\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 992px){.lg\:flex-shrink-0{flex-shrink:0 !important}.lg\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-shrink-0{flex-shrink:0 !important}.xl\:flex-shrink-1{flex-shrink:1 !important}}.gap-0{gap:0rem !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:2rem !important}.gap-6{gap:3rem !important}.gap-7{gap:4rem !important}.gap-8{gap:5rem !important}.row-gap-0{row-gap:0rem !important}.row-gap-1{row-gap:.25rem !important}.row-gap-2{row-gap:.5rem !important}.row-gap-3{row-gap:1rem !important}.row-gap-4{row-gap:1.5rem !important}.row-gap-5{row-gap:2rem !important}.row-gap-6{row-gap:3rem !important}.row-gap-7{row-gap:4rem !important}.row-gap-8{row-gap:5rem !important}.column-gap-0{column-gap:0rem !important}.column-gap-1{column-gap:.25rem !important}.column-gap-2{column-gap:.5rem !important}.column-gap-3{column-gap:1rem !important}.column-gap-4{column-gap:1.5rem !important}.column-gap-5{column-gap:2rem !important}.column-gap-6{column-gap:3rem !important}.column-gap-7{column-gap:4rem !important}.column-gap-8{column-gap:5rem !important}@media screen and (min-width: 576px){.sm\:gap-0{gap:0rem !important}.sm\:gap-1{gap:.25rem !important}.sm\:gap-2{gap:.5rem !important}.sm\:gap-3{gap:1rem !important}.sm\:gap-4{gap:1.5rem !important}.sm\:gap-5{gap:2rem !important}.sm\:gap-6{gap:3rem !important}.sm\:gap-7{gap:4rem !important}.sm\:gap-8{gap:5rem !important}.sm\:row-gap-0{row-gap:0rem !important}.sm\:row-gap-1{row-gap:.25rem !important}.sm\:row-gap-2{row-gap:.5rem !important}.sm\:row-gap-3{row-gap:1rem !important}.sm\:row-gap-4{row-gap:1.5rem !important}.sm\:row-gap-5{row-gap:2rem !important}.sm\:row-gap-6{row-gap:3rem !important}.sm\:row-gap-7{row-gap:4rem !important}.sm\:row-gap-8{row-gap:5rem !important}.sm\:column-gap-0{column-gap:0rem !important}.sm\:column-gap-1{column-gap:.25rem !important}.sm\:column-gap-2{column-gap:.5rem !important}.sm\:column-gap-3{column-gap:1rem !important}.sm\:column-gap-4{column-gap:1.5rem !important}.sm\:column-gap-5{column-gap:2rem !important}.sm\:column-gap-6{column-gap:3rem !important}.sm\:column-gap-7{column-gap:4rem !important}.sm\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 768px){.md\:gap-0{gap:0rem !important}.md\:gap-1{gap:.25rem !important}.md\:gap-2{gap:.5rem !important}.md\:gap-3{gap:1rem !important}.md\:gap-4{gap:1.5rem !important}.md\:gap-5{gap:2rem !important}.md\:gap-6{gap:3rem !important}.md\:gap-7{gap:4rem !important}.md\:gap-8{gap:5rem !important}.md\:row-gap-0{row-gap:0rem !important}.md\:row-gap-1{row-gap:.25rem !important}.md\:row-gap-2{row-gap:.5rem !important}.md\:row-gap-3{row-gap:1rem !important}.md\:row-gap-4{row-gap:1.5rem !important}.md\:row-gap-5{row-gap:2rem !important}.md\:row-gap-6{row-gap:3rem !important}.md\:row-gap-7{row-gap:4rem !important}.md\:row-gap-8{row-gap:5rem !important}.md\:column-gap-0{column-gap:0rem !important}.md\:column-gap-1{column-gap:.25rem !important}.md\:column-gap-2{column-gap:.5rem !important}.md\:column-gap-3{column-gap:1rem !important}.md\:column-gap-4{column-gap:1.5rem !important}.md\:column-gap-5{column-gap:2rem !important}.md\:column-gap-6{column-gap:3rem !important}.md\:column-gap-7{column-gap:4rem !important}.md\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 992px){.lg\:gap-0{gap:0rem !important}.lg\:gap-1{gap:.25rem !important}.lg\:gap-2{gap:.5rem !important}.lg\:gap-3{gap:1rem !important}.lg\:gap-4{gap:1.5rem !important}.lg\:gap-5{gap:2rem !important}.lg\:gap-6{gap:3rem !important}.lg\:gap-7{gap:4rem !important}.lg\:gap-8{gap:5rem !important}.lg\:row-gap-0{row-gap:0rem !important}.lg\:row-gap-1{row-gap:.25rem !important}.lg\:row-gap-2{row-gap:.5rem !important}.lg\:row-gap-3{row-gap:1rem !important}.lg\:row-gap-4{row-gap:1.5rem !important}.lg\:row-gap-5{row-gap:2rem !important}.lg\:row-gap-6{row-gap:3rem !important}.lg\:row-gap-7{row-gap:4rem !important}.lg\:row-gap-8{row-gap:5rem !important}.lg\:column-gap-0{column-gap:0rem !important}.lg\:column-gap-1{column-gap:.25rem !important}.lg\:column-gap-2{column-gap:.5rem !important}.lg\:column-gap-3{column-gap:1rem !important}.lg\:column-gap-4{column-gap:1.5rem !important}.lg\:column-gap-5{column-gap:2rem !important}.lg\:column-gap-6{column-gap:3rem !important}.lg\:column-gap-7{column-gap:4rem !important}.lg\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 1200px){.xl\:gap-0{gap:0rem !important}.xl\:gap-1{gap:.25rem !important}.xl\:gap-2{gap:.5rem !important}.xl\:gap-3{gap:1rem !important}.xl\:gap-4{gap:1.5rem !important}.xl\:gap-5{gap:2rem !important}.xl\:gap-6{gap:3rem !important}.xl\:gap-7{gap:4rem !important}.xl\:gap-8{gap:5rem !important}.xl\:row-gap-0{row-gap:0rem !important}.xl\:row-gap-1{row-gap:.25rem !important}.xl\:row-gap-2{row-gap:.5rem !important}.xl\:row-gap-3{row-gap:1rem !important}.xl\:row-gap-4{row-gap:1.5rem !important}.xl\:row-gap-5{row-gap:2rem !important}.xl\:row-gap-6{row-gap:3rem !important}.xl\:row-gap-7{row-gap:4rem !important}.xl\:row-gap-8{row-gap:5rem !important}.xl\:column-gap-0{column-gap:0rem !important}.xl\:column-gap-1{column-gap:.25rem !important}.xl\:column-gap-2{column-gap:.5rem !important}.xl\:column-gap-3{column-gap:1rem !important}.xl\:column-gap-4{column-gap:1.5rem !important}.xl\:column-gap-5{column-gap:2rem !important}.xl\:column-gap-6{column-gap:3rem !important}.xl\:column-gap-7{column-gap:4rem !important}.xl\:column-gap-8{column-gap:5rem !important}}.p-0{padding:0rem !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:2rem !important}.p-6{padding:3rem !important}.p-7{padding:4rem !important}.p-8{padding:5rem !important}.pt-0{padding-top:0rem !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:2rem !important}.pt-6{padding-top:3rem !important}.pt-7{padding-top:4rem !important}.pt-8{padding-top:5rem !important}.pr-0{padding-right:0rem !important}.pr-1{padding-right:.25rem !important}.pr-2{padding-right:.5rem !important}.pr-3{padding-right:1rem !important}.pr-4{padding-right:1.5rem !important}.pr-5{padding-right:2rem !important}.pr-6{padding-right:3rem !important}.pr-7{padding-right:4rem !important}.pr-8{padding-right:5rem !important}.pl-0{padding-left:0rem !important}.pl-1{padding-left:.25rem !important}.pl-2{padding-left:.5rem !important}.pl-3{padding-left:1rem !important}.pl-4{padding-left:1.5rem !important}.pl-5{padding-left:2rem !important}.pl-6{padding-left:3rem !important}.pl-7{padding-left:4rem !important}.pl-8{padding-left:5rem !important}.pb-0{padding-bottom:0rem !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:2rem !important}.pb-6{padding-bottom:3rem !important}.pb-7{padding-bottom:4rem !important}.pb-8{padding-bottom:5rem !important}.px-0{padding-left:0rem !important;padding-right:0rem !important}.px-1{padding-left:.25rem !important;padding-right:.25rem !important}.px-2{padding-left:.5rem !important;padding-right:.5rem !important}.px-3{padding-left:1rem !important;padding-right:1rem !important}.px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.px-5{padding-left:2rem !important;padding-right:2rem !important}.px-6{padding-left:3rem !important;padding-right:3rem !important}.px-7{padding-left:4rem !important;padding-right:4rem !important}.px-8{padding-left:5rem !important;padding-right:5rem !important}.py-0{padding-top:0rem !important;padding-bottom:0rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:2rem !important;padding-bottom:2rem !important}.py-6{padding-top:3rem !important;padding-bottom:3rem !important}.py-7{padding-top:4rem !important;padding-bottom:4rem !important}.py-8{padding-top:5rem !important;padding-bottom:5rem !important}@media screen and (min-width: 576px){.sm\:p-0{padding:0rem !important}.sm\:p-1{padding:.25rem !important}.sm\:p-2{padding:.5rem !important}.sm\:p-3{padding:1rem !important}.sm\:p-4{padding:1.5rem !important}.sm\:p-5{padding:2rem !important}.sm\:p-6{padding:3rem !important}.sm\:p-7{padding:4rem !important}.sm\:p-8{padding:5rem !important}.sm\:pt-0{padding-top:0rem !important}.sm\:pt-1{padding-top:.25rem !important}.sm\:pt-2{padding-top:.5rem !important}.sm\:pt-3{padding-top:1rem !important}.sm\:pt-4{padding-top:1.5rem !important}.sm\:pt-5{padding-top:2rem !important}.sm\:pt-6{padding-top:3rem !important}.sm\:pt-7{padding-top:4rem !important}.sm\:pt-8{padding-top:5rem !important}.sm\:pr-0{padding-right:0rem !important}.sm\:pr-1{padding-right:.25rem !important}.sm\:pr-2{padding-right:.5rem !important}.sm\:pr-3{padding-right:1rem !important}.sm\:pr-4{padding-right:1.5rem !important}.sm\:pr-5{padding-right:2rem !important}.sm\:pr-6{padding-right:3rem !important}.sm\:pr-7{padding-right:4rem !important}.sm\:pr-8{padding-right:5rem !important}.sm\:pl-0{padding-left:0rem !important}.sm\:pl-1{padding-left:.25rem !important}.sm\:pl-2{padding-left:.5rem !important}.sm\:pl-3{padding-left:1rem !important}.sm\:pl-4{padding-left:1.5rem !important}.sm\:pl-5{padding-left:2rem !important}.sm\:pl-6{padding-left:3rem !important}.sm\:pl-7{padding-left:4rem !important}.sm\:pl-8{padding-left:5rem !important}.sm\:pb-0{padding-bottom:0rem !important}.sm\:pb-1{padding-bottom:.25rem !important}.sm\:pb-2{padding-bottom:.5rem !important}.sm\:pb-3{padding-bottom:1rem !important}.sm\:pb-4{padding-bottom:1.5rem !important}.sm\:pb-5{padding-bottom:2rem !important}.sm\:pb-6{padding-bottom:3rem !important}.sm\:pb-7{padding-bottom:4rem !important}.sm\:pb-8{padding-bottom:5rem !important}.sm\:px-0{padding-left:0rem !important;padding-right:0rem !important}.sm\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.sm\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.sm\:px-3{padding-left:1rem !important;padding-right:1rem !important}.sm\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.sm\:px-5{padding-left:2rem !important;padding-right:2rem !important}.sm\:px-6{padding-left:3rem !important;padding-right:3rem !important}.sm\:px-7{padding-left:4rem !important;padding-right:4rem !important}.sm\:px-8{padding-left:5rem !important;padding-right:5rem !important}.sm\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.sm\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.sm\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.sm\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.sm\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.sm\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.sm\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.sm\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.sm\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 768px){.md\:p-0{padding:0rem !important}.md\:p-1{padding:.25rem !important}.md\:p-2{padding:.5rem !important}.md\:p-3{padding:1rem !important}.md\:p-4{padding:1.5rem !important}.md\:p-5{padding:2rem !important}.md\:p-6{padding:3rem !important}.md\:p-7{padding:4rem !important}.md\:p-8{padding:5rem !important}.md\:pt-0{padding-top:0rem !important}.md\:pt-1{padding-top:.25rem !important}.md\:pt-2{padding-top:.5rem !important}.md\:pt-3{padding-top:1rem !important}.md\:pt-4{padding-top:1.5rem !important}.md\:pt-5{padding-top:2rem !important}.md\:pt-6{padding-top:3rem !important}.md\:pt-7{padding-top:4rem !important}.md\:pt-8{padding-top:5rem !important}.md\:pr-0{padding-right:0rem !important}.md\:pr-1{padding-right:.25rem !important}.md\:pr-2{padding-right:.5rem !important}.md\:pr-3{padding-right:1rem !important}.md\:pr-4{padding-right:1.5rem !important}.md\:pr-5{padding-right:2rem !important}.md\:pr-6{padding-right:3rem !important}.md\:pr-7{padding-right:4rem !important}.md\:pr-8{padding-right:5rem !important}.md\:pl-0{padding-left:0rem !important}.md\:pl-1{padding-left:.25rem !important}.md\:pl-2{padding-left:.5rem !important}.md\:pl-3{padding-left:1rem !important}.md\:pl-4{padding-left:1.5rem !important}.md\:pl-5{padding-left:2rem !important}.md\:pl-6{padding-left:3rem !important}.md\:pl-7{padding-left:4rem !important}.md\:pl-8{padding-left:5rem !important}.md\:pb-0{padding-bottom:0rem !important}.md\:pb-1{padding-bottom:.25rem !important}.md\:pb-2{padding-bottom:.5rem !important}.md\:pb-3{padding-bottom:1rem !important}.md\:pb-4{padding-bottom:1.5rem !important}.md\:pb-5{padding-bottom:2rem !important}.md\:pb-6{padding-bottom:3rem !important}.md\:pb-7{padding-bottom:4rem !important}.md\:pb-8{padding-bottom:5rem !important}.md\:px-0{padding-left:0rem !important;padding-right:0rem !important}.md\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.md\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.md\:px-3{padding-left:1rem !important;padding-right:1rem !important}.md\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.md\:px-5{padding-left:2rem !important;padding-right:2rem !important}.md\:px-6{padding-left:3rem !important;padding-right:3rem !important}.md\:px-7{padding-left:4rem !important;padding-right:4rem !important}.md\:px-8{padding-left:5rem !important;padding-right:5rem !important}.md\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.md\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.md\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.md\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.md\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.md\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.md\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.md\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.md\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 992px){.lg\:p-0{padding:0rem !important}.lg\:p-1{padding:.25rem !important}.lg\:p-2{padding:.5rem !important}.lg\:p-3{padding:1rem !important}.lg\:p-4{padding:1.5rem !important}.lg\:p-5{padding:2rem !important}.lg\:p-6{padding:3rem !important}.lg\:p-7{padding:4rem !important}.lg\:p-8{padding:5rem !important}.lg\:pt-0{padding-top:0rem !important}.lg\:pt-1{padding-top:.25rem !important}.lg\:pt-2{padding-top:.5rem !important}.lg\:pt-3{padding-top:1rem !important}.lg\:pt-4{padding-top:1.5rem !important}.lg\:pt-5{padding-top:2rem !important}.lg\:pt-6{padding-top:3rem !important}.lg\:pt-7{padding-top:4rem !important}.lg\:pt-8{padding-top:5rem !important}.lg\:pr-0{padding-right:0rem !important}.lg\:pr-1{padding-right:.25rem !important}.lg\:pr-2{padding-right:.5rem !important}.lg\:pr-3{padding-right:1rem !important}.lg\:pr-4{padding-right:1.5rem !important}.lg\:pr-5{padding-right:2rem !important}.lg\:pr-6{padding-right:3rem !important}.lg\:pr-7{padding-right:4rem !important}.lg\:pr-8{padding-right:5rem !important}.lg\:pl-0{padding-left:0rem !important}.lg\:pl-1{padding-left:.25rem !important}.lg\:pl-2{padding-left:.5rem !important}.lg\:pl-3{padding-left:1rem !important}.lg\:pl-4{padding-left:1.5rem !important}.lg\:pl-5{padding-left:2rem !important}.lg\:pl-6{padding-left:3rem !important}.lg\:pl-7{padding-left:4rem !important}.lg\:pl-8{padding-left:5rem !important}.lg\:pb-0{padding-bottom:0rem !important}.lg\:pb-1{padding-bottom:.25rem !important}.lg\:pb-2{padding-bottom:.5rem !important}.lg\:pb-3{padding-bottom:1rem !important}.lg\:pb-4{padding-bottom:1.5rem !important}.lg\:pb-5{padding-bottom:2rem !important}.lg\:pb-6{padding-bottom:3rem !important}.lg\:pb-7{padding-bottom:4rem !important}.lg\:pb-8{padding-bottom:5rem !important}.lg\:px-0{padding-left:0rem !important;padding-right:0rem !important}.lg\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.lg\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.lg\:px-3{padding-left:1rem !important;padding-right:1rem !important}.lg\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.lg\:px-5{padding-left:2rem !important;padding-right:2rem !important}.lg\:px-6{padding-left:3rem !important;padding-right:3rem !important}.lg\:px-7{padding-left:4rem !important;padding-right:4rem !important}.lg\:px-8{padding-left:5rem !important;padding-right:5rem !important}.lg\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.lg\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.lg\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.lg\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.lg\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.lg\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.lg\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.lg\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.lg\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 1200px){.xl\:p-0{padding:0rem !important}.xl\:p-1{padding:.25rem !important}.xl\:p-2{padding:.5rem !important}.xl\:p-3{padding:1rem !important}.xl\:p-4{padding:1.5rem !important}.xl\:p-5{padding:2rem !important}.xl\:p-6{padding:3rem !important}.xl\:p-7{padding:4rem !important}.xl\:p-8{padding:5rem !important}.xl\:pt-0{padding-top:0rem !important}.xl\:pt-1{padding-top:.25rem !important}.xl\:pt-2{padding-top:.5rem !important}.xl\:pt-3{padding-top:1rem !important}.xl\:pt-4{padding-top:1.5rem !important}.xl\:pt-5{padding-top:2rem !important}.xl\:pt-6{padding-top:3rem !important}.xl\:pt-7{padding-top:4rem !important}.xl\:pt-8{padding-top:5rem !important}.xl\:pr-0{padding-right:0rem !important}.xl\:pr-1{padding-right:.25rem !important}.xl\:pr-2{padding-right:.5rem !important}.xl\:pr-3{padding-right:1rem !important}.xl\:pr-4{padding-right:1.5rem !important}.xl\:pr-5{padding-right:2rem !important}.xl\:pr-6{padding-right:3rem !important}.xl\:pr-7{padding-right:4rem !important}.xl\:pr-8{padding-right:5rem !important}.xl\:pl-0{padding-left:0rem !important}.xl\:pl-1{padding-left:.25rem !important}.xl\:pl-2{padding-left:.5rem !important}.xl\:pl-3{padding-left:1rem !important}.xl\:pl-4{padding-left:1.5rem !important}.xl\:pl-5{padding-left:2rem !important}.xl\:pl-6{padding-left:3rem !important}.xl\:pl-7{padding-left:4rem !important}.xl\:pl-8{padding-left:5rem !important}.xl\:pb-0{padding-bottom:0rem !important}.xl\:pb-1{padding-bottom:.25rem !important}.xl\:pb-2{padding-bottom:.5rem !important}.xl\:pb-3{padding-bottom:1rem !important}.xl\:pb-4{padding-bottom:1.5rem !important}.xl\:pb-5{padding-bottom:2rem !important}.xl\:pb-6{padding-bottom:3rem !important}.xl\:pb-7{padding-bottom:4rem !important}.xl\:pb-8{padding-bottom:5rem !important}.xl\:px-0{padding-left:0rem !important;padding-right:0rem !important}.xl\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.xl\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.xl\:px-3{padding-left:1rem !important;padding-right:1rem !important}.xl\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.xl\:px-5{padding-left:2rem !important;padding-right:2rem !important}.xl\:px-6{padding-left:3rem !important;padding-right:3rem !important}.xl\:px-7{padding-left:4rem !important;padding-right:4rem !important}.xl\:px-8{padding-left:5rem !important;padding-right:5rem !important}.xl\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.xl\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.xl\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.xl\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.xl\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.xl\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.xl\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.xl\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.xl\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}.m-0{margin:0rem !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:2rem !important}.m-6{margin:3rem !important}.m-7{margin:4rem !important}.m-8{margin:5rem !important}.-m-1{margin:-0.25rem !important}.-m-2{margin:-0.5rem !important}.-m-3{margin:-1rem !important}.-m-4{margin:-1.5rem !important}.-m-5{margin:-2rem !important}.-m-6{margin:-3rem !important}.-m-7{margin:-4rem !important}.-m-8{margin:-5rem !important}.m-auto{margin:auto !important}.mt-0{margin-top:0rem !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:2rem !important}.mt-6{margin-top:3rem !important}.mt-7{margin-top:4rem !important}.mt-8{margin-top:5rem !important}.-mt-1{margin-top:-0.25rem !important}.-mt-2{margin-top:-0.5rem !important}.-mt-3{margin-top:-1rem !important}.-mt-4{margin-top:-1.5rem !important}.-mt-5{margin-top:-2rem !important}.-mt-6{margin-top:-3rem !important}.-mt-7{margin-top:-4rem !important}.-mt-8{margin-top:-5rem !important}.mt-auto{margin-top:auto !important}.mr-0{margin-right:0rem !important}.mr-1{margin-right:.25rem !important}.mr-2{margin-right:.5rem !important}.mr-3{margin-right:1rem !important}.mr-4{margin-right:1.5rem !important}.mr-5{margin-right:2rem !important}.mr-6{margin-right:3rem !important}.mr-7{margin-right:4rem !important}.mr-8{margin-right:5rem !important}.-mr-1{margin-right:-0.25rem !important}.-mr-2{margin-right:-0.5rem !important}.-mr-3{margin-right:-1rem !important}.-mr-4{margin-right:-1.5rem !important}.-mr-5{margin-right:-2rem !important}.-mr-6{margin-right:-3rem !important}.-mr-7{margin-right:-4rem !important}.-mr-8{margin-right:-5rem !important}.mr-auto{margin-right:auto !important}.ml-0{margin-left:0rem !important}.ml-1{margin-left:.25rem !important}.ml-2{margin-left:.5rem !important}.ml-3{margin-left:1rem !important}.ml-4{margin-left:1.5rem !important}.ml-5{margin-left:2rem !important}.ml-6{margin-left:3rem !important}.ml-7{margin-left:4rem !important}.ml-8{margin-left:5rem !important}.-ml-1{margin-left:-0.25rem !important}.-ml-2{margin-left:-0.5rem !important}.-ml-3{margin-left:-1rem !important}.-ml-4{margin-left:-1.5rem !important}.-ml-5{margin-left:-2rem !important}.-ml-6{margin-left:-3rem !important}.-ml-7{margin-left:-4rem !important}.-ml-8{margin-left:-5rem !important}.ml-auto{margin-left:auto !important}.mb-0{margin-bottom:0rem !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:2rem !important}.mb-6{margin-bottom:3rem !important}.mb-7{margin-bottom:4rem !important}.mb-8{margin-bottom:5rem !important}.-mb-1{margin-bottom:-0.25rem !important}.-mb-2{margin-bottom:-0.5rem !important}.-mb-3{margin-bottom:-1rem !important}.-mb-4{margin-bottom:-1.5rem !important}.-mb-5{margin-bottom:-2rem !important}.-mb-6{margin-bottom:-3rem !important}.-mb-7{margin-bottom:-4rem !important}.-mb-8{margin-bottom:-5rem !important}.mb-auto{margin-bottom:auto !important}.mx-0{margin-left:0rem !important;margin-right:0rem !important}.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.mx-3{margin-left:1rem !important;margin-right:1rem !important}.mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.mx-5{margin-left:2rem !important;margin-right:2rem !important}.mx-6{margin-left:3rem !important;margin-right:3rem !important}.mx-7{margin-left:4rem !important;margin-right:4rem !important}.mx-8{margin-left:5rem !important;margin-right:5rem !important}.-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.my-0{margin-top:0rem !important;margin-bottom:0rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:2rem !important;margin-bottom:2rem !important}.my-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-7{margin-top:4rem !important;margin-bottom:4rem !important}.my-8{margin-top:5rem !important;margin-bottom:5rem !important}.-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}@media screen and (min-width: 576px){.sm\:m-0{margin:0rem !important}.sm\:m-1{margin:.25rem !important}.sm\:m-2{margin:.5rem !important}.sm\:m-3{margin:1rem !important}.sm\:m-4{margin:1.5rem !important}.sm\:m-5{margin:2rem !important}.sm\:m-6{margin:3rem !important}.sm\:m-7{margin:4rem !important}.sm\:m-8{margin:5rem !important}.sm\:-m-1{margin:-0.25rem !important}.sm\:-m-2{margin:-0.5rem !important}.sm\:-m-3{margin:-1rem !important}.sm\:-m-4{margin:-1.5rem !important}.sm\:-m-5{margin:-2rem !important}.sm\:-m-6{margin:-3rem !important}.sm\:-m-7{margin:-4rem !important}.sm\:-m-8{margin:-5rem !important}.sm\:m-auto{margin:auto !important}.sm\:mt-0{margin-top:0rem !important}.sm\:mt-1{margin-top:.25rem !important}.sm\:mt-2{margin-top:.5rem !important}.sm\:mt-3{margin-top:1rem !important}.sm\:mt-4{margin-top:1.5rem !important}.sm\:mt-5{margin-top:2rem !important}.sm\:mt-6{margin-top:3rem !important}.sm\:mt-7{margin-top:4rem !important}.sm\:mt-8{margin-top:5rem !important}.sm\:-mt-1{margin-top:-0.25rem !important}.sm\:-mt-2{margin-top:-0.5rem !important}.sm\:-mt-3{margin-top:-1rem !important}.sm\:-mt-4{margin-top:-1.5rem !important}.sm\:-mt-5{margin-top:-2rem !important}.sm\:-mt-6{margin-top:-3rem !important}.sm\:-mt-7{margin-top:-4rem !important}.sm\:-mt-8{margin-top:-5rem !important}.sm\:mt-auto{margin-top:auto !important}.sm\:mr-0{margin-right:0rem !important}.sm\:mr-1{margin-right:.25rem !important}.sm\:mr-2{margin-right:.5rem !important}.sm\:mr-3{margin-right:1rem !important}.sm\:mr-4{margin-right:1.5rem !important}.sm\:mr-5{margin-right:2rem !important}.sm\:mr-6{margin-right:3rem !important}.sm\:mr-7{margin-right:4rem !important}.sm\:mr-8{margin-right:5rem !important}.sm\:-mr-1{margin-right:-0.25rem !important}.sm\:-mr-2{margin-right:-0.5rem !important}.sm\:-mr-3{margin-right:-1rem !important}.sm\:-mr-4{margin-right:-1.5rem !important}.sm\:-mr-5{margin-right:-2rem !important}.sm\:-mr-6{margin-right:-3rem !important}.sm\:-mr-7{margin-right:-4rem !important}.sm\:-mr-8{margin-right:-5rem !important}.sm\:mr-auto{margin-right:auto !important}.sm\:ml-0{margin-left:0rem !important}.sm\:ml-1{margin-left:.25rem !important}.sm\:ml-2{margin-left:.5rem !important}.sm\:ml-3{margin-left:1rem !important}.sm\:ml-4{margin-left:1.5rem !important}.sm\:ml-5{margin-left:2rem !important}.sm\:ml-6{margin-left:3rem !important}.sm\:ml-7{margin-left:4rem !important}.sm\:ml-8{margin-left:5rem !important}.sm\:-ml-1{margin-left:-0.25rem !important}.sm\:-ml-2{margin-left:-0.5rem !important}.sm\:-ml-3{margin-left:-1rem !important}.sm\:-ml-4{margin-left:-1.5rem !important}.sm\:-ml-5{margin-left:-2rem !important}.sm\:-ml-6{margin-left:-3rem !important}.sm\:-ml-7{margin-left:-4rem !important}.sm\:-ml-8{margin-left:-5rem !important}.sm\:ml-auto{margin-left:auto !important}.sm\:mb-0{margin-bottom:0rem !important}.sm\:mb-1{margin-bottom:.25rem !important}.sm\:mb-2{margin-bottom:.5rem !important}.sm\:mb-3{margin-bottom:1rem !important}.sm\:mb-4{margin-bottom:1.5rem !important}.sm\:mb-5{margin-bottom:2rem !important}.sm\:mb-6{margin-bottom:3rem !important}.sm\:mb-7{margin-bottom:4rem !important}.sm\:mb-8{margin-bottom:5rem !important}.sm\:-mb-1{margin-bottom:-0.25rem !important}.sm\:-mb-2{margin-bottom:-0.5rem !important}.sm\:-mb-3{margin-bottom:-1rem !important}.sm\:-mb-4{margin-bottom:-1.5rem !important}.sm\:-mb-5{margin-bottom:-2rem !important}.sm\:-mb-6{margin-bottom:-3rem !important}.sm\:-mb-7{margin-bottom:-4rem !important}.sm\:-mb-8{margin-bottom:-5rem !important}.sm\:mb-auto{margin-bottom:auto !important}.sm\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.sm\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.sm\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.sm\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.sm\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.sm\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.sm\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.sm\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.sm\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.sm\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.sm\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.sm\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.sm\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.sm\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.sm\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.sm\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.sm\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.sm\:mx-auto{margin-left:auto !important;margin-right:auto !important}.sm\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.sm\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.sm\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.sm\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.sm\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.sm\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.sm\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.sm\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.sm\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.sm\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.sm\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.sm\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.sm\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.sm\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.sm\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.sm\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.sm\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.sm\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 768px){.md\:m-0{margin:0rem !important}.md\:m-1{margin:.25rem !important}.md\:m-2{margin:.5rem !important}.md\:m-3{margin:1rem !important}.md\:m-4{margin:1.5rem !important}.md\:m-5{margin:2rem !important}.md\:m-6{margin:3rem !important}.md\:m-7{margin:4rem !important}.md\:m-8{margin:5rem !important}.md\:-m-1{margin:-0.25rem !important}.md\:-m-2{margin:-0.5rem !important}.md\:-m-3{margin:-1rem !important}.md\:-m-4{margin:-1.5rem !important}.md\:-m-5{margin:-2rem !important}.md\:-m-6{margin:-3rem !important}.md\:-m-7{margin:-4rem !important}.md\:-m-8{margin:-5rem !important}.md\:m-auto{margin:auto !important}.md\:mt-0{margin-top:0rem !important}.md\:mt-1{margin-top:.25rem !important}.md\:mt-2{margin-top:.5rem !important}.md\:mt-3{margin-top:1rem !important}.md\:mt-4{margin-top:1.5rem !important}.md\:mt-5{margin-top:2rem !important}.md\:mt-6{margin-top:3rem !important}.md\:mt-7{margin-top:4rem !important}.md\:mt-8{margin-top:5rem !important}.md\:-mt-1{margin-top:-0.25rem !important}.md\:-mt-2{margin-top:-0.5rem !important}.md\:-mt-3{margin-top:-1rem !important}.md\:-mt-4{margin-top:-1.5rem !important}.md\:-mt-5{margin-top:-2rem !important}.md\:-mt-6{margin-top:-3rem !important}.md\:-mt-7{margin-top:-4rem !important}.md\:-mt-8{margin-top:-5rem !important}.md\:mt-auto{margin-top:auto !important}.md\:mr-0{margin-right:0rem !important}.md\:mr-1{margin-right:.25rem !important}.md\:mr-2{margin-right:.5rem !important}.md\:mr-3{margin-right:1rem !important}.md\:mr-4{margin-right:1.5rem !important}.md\:mr-5{margin-right:2rem !important}.md\:mr-6{margin-right:3rem !important}.md\:mr-7{margin-right:4rem !important}.md\:mr-8{margin-right:5rem !important}.md\:-mr-1{margin-right:-0.25rem !important}.md\:-mr-2{margin-right:-0.5rem !important}.md\:-mr-3{margin-right:-1rem !important}.md\:-mr-4{margin-right:-1.5rem !important}.md\:-mr-5{margin-right:-2rem !important}.md\:-mr-6{margin-right:-3rem !important}.md\:-mr-7{margin-right:-4rem !important}.md\:-mr-8{margin-right:-5rem !important}.md\:mr-auto{margin-right:auto !important}.md\:ml-0{margin-left:0rem !important}.md\:ml-1{margin-left:.25rem !important}.md\:ml-2{margin-left:.5rem !important}.md\:ml-3{margin-left:1rem !important}.md\:ml-4{margin-left:1.5rem !important}.md\:ml-5{margin-left:2rem !important}.md\:ml-6{margin-left:3rem !important}.md\:ml-7{margin-left:4rem !important}.md\:ml-8{margin-left:5rem !important}.md\:-ml-1{margin-left:-0.25rem !important}.md\:-ml-2{margin-left:-0.5rem !important}.md\:-ml-3{margin-left:-1rem !important}.md\:-ml-4{margin-left:-1.5rem !important}.md\:-ml-5{margin-left:-2rem !important}.md\:-ml-6{margin-left:-3rem !important}.md\:-ml-7{margin-left:-4rem !important}.md\:-ml-8{margin-left:-5rem !important}.md\:ml-auto{margin-left:auto !important}.md\:mb-0{margin-bottom:0rem !important}.md\:mb-1{margin-bottom:.25rem !important}.md\:mb-2{margin-bottom:.5rem !important}.md\:mb-3{margin-bottom:1rem !important}.md\:mb-4{margin-bottom:1.5rem !important}.md\:mb-5{margin-bottom:2rem !important}.md\:mb-6{margin-bottom:3rem !important}.md\:mb-7{margin-bottom:4rem !important}.md\:mb-8{margin-bottom:5rem !important}.md\:-mb-1{margin-bottom:-0.25rem !important}.md\:-mb-2{margin-bottom:-0.5rem !important}.md\:-mb-3{margin-bottom:-1rem !important}.md\:-mb-4{margin-bottom:-1.5rem !important}.md\:-mb-5{margin-bottom:-2rem !important}.md\:-mb-6{margin-bottom:-3rem !important}.md\:-mb-7{margin-bottom:-4rem !important}.md\:-mb-8{margin-bottom:-5rem !important}.md\:mb-auto{margin-bottom:auto !important}.md\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.md\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.md\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.md\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.md\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.md\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.md\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.md\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.md\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.md\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.md\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.md\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.md\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.md\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.md\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.md\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.md\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.md\:mx-auto{margin-left:auto !important;margin-right:auto !important}.md\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.md\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.md\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.md\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.md\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.md\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.md\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.md\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.md\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.md\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.md\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.md\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.md\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.md\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.md\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.md\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.md\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.md\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 992px){.lg\:m-0{margin:0rem !important}.lg\:m-1{margin:.25rem !important}.lg\:m-2{margin:.5rem !important}.lg\:m-3{margin:1rem !important}.lg\:m-4{margin:1.5rem !important}.lg\:m-5{margin:2rem !important}.lg\:m-6{margin:3rem !important}.lg\:m-7{margin:4rem !important}.lg\:m-8{margin:5rem !important}.lg\:-m-1{margin:-0.25rem !important}.lg\:-m-2{margin:-0.5rem !important}.lg\:-m-3{margin:-1rem !important}.lg\:-m-4{margin:-1.5rem !important}.lg\:-m-5{margin:-2rem !important}.lg\:-m-6{margin:-3rem !important}.lg\:-m-7{margin:-4rem !important}.lg\:-m-8{margin:-5rem !important}.lg\:m-auto{margin:auto !important}.lg\:mt-0{margin-top:0rem !important}.lg\:mt-1{margin-top:.25rem !important}.lg\:mt-2{margin-top:.5rem !important}.lg\:mt-3{margin-top:1rem !important}.lg\:mt-4{margin-top:1.5rem !important}.lg\:mt-5{margin-top:2rem !important}.lg\:mt-6{margin-top:3rem !important}.lg\:mt-7{margin-top:4rem !important}.lg\:mt-8{margin-top:5rem !important}.lg\:-mt-1{margin-top:-0.25rem !important}.lg\:-mt-2{margin-top:-0.5rem !important}.lg\:-mt-3{margin-top:-1rem !important}.lg\:-mt-4{margin-top:-1.5rem !important}.lg\:-mt-5{margin-top:-2rem !important}.lg\:-mt-6{margin-top:-3rem !important}.lg\:-mt-7{margin-top:-4rem !important}.lg\:-mt-8{margin-top:-5rem !important}.lg\:mt-auto{margin-top:auto !important}.lg\:mr-0{margin-right:0rem !important}.lg\:mr-1{margin-right:.25rem !important}.lg\:mr-2{margin-right:.5rem !important}.lg\:mr-3{margin-right:1rem !important}.lg\:mr-4{margin-right:1.5rem !important}.lg\:mr-5{margin-right:2rem !important}.lg\:mr-6{margin-right:3rem !important}.lg\:mr-7{margin-right:4rem !important}.lg\:mr-8{margin-right:5rem !important}.lg\:-mr-1{margin-right:-0.25rem !important}.lg\:-mr-2{margin-right:-0.5rem !important}.lg\:-mr-3{margin-right:-1rem !important}.lg\:-mr-4{margin-right:-1.5rem !important}.lg\:-mr-5{margin-right:-2rem !important}.lg\:-mr-6{margin-right:-3rem !important}.lg\:-mr-7{margin-right:-4rem !important}.lg\:-mr-8{margin-right:-5rem !important}.lg\:mr-auto{margin-right:auto !important}.lg\:ml-0{margin-left:0rem !important}.lg\:ml-1{margin-left:.25rem !important}.lg\:ml-2{margin-left:.5rem !important}.lg\:ml-3{margin-left:1rem !important}.lg\:ml-4{margin-left:1.5rem !important}.lg\:ml-5{margin-left:2rem !important}.lg\:ml-6{margin-left:3rem !important}.lg\:ml-7{margin-left:4rem !important}.lg\:ml-8{margin-left:5rem !important}.lg\:-ml-1{margin-left:-0.25rem !important}.lg\:-ml-2{margin-left:-0.5rem !important}.lg\:-ml-3{margin-left:-1rem !important}.lg\:-ml-4{margin-left:-1.5rem !important}.lg\:-ml-5{margin-left:-2rem !important}.lg\:-ml-6{margin-left:-3rem !important}.lg\:-ml-7{margin-left:-4rem !important}.lg\:-ml-8{margin-left:-5rem !important}.lg\:ml-auto{margin-left:auto !important}.lg\:mb-0{margin-bottom:0rem !important}.lg\:mb-1{margin-bottom:.25rem !important}.lg\:mb-2{margin-bottom:.5rem !important}.lg\:mb-3{margin-bottom:1rem !important}.lg\:mb-4{margin-bottom:1.5rem !important}.lg\:mb-5{margin-bottom:2rem !important}.lg\:mb-6{margin-bottom:3rem !important}.lg\:mb-7{margin-bottom:4rem !important}.lg\:mb-8{margin-bottom:5rem !important}.lg\:-mb-1{margin-bottom:-0.25rem !important}.lg\:-mb-2{margin-bottom:-0.5rem !important}.lg\:-mb-3{margin-bottom:-1rem !important}.lg\:-mb-4{margin-bottom:-1.5rem !important}.lg\:-mb-5{margin-bottom:-2rem !important}.lg\:-mb-6{margin-bottom:-3rem !important}.lg\:-mb-7{margin-bottom:-4rem !important}.lg\:-mb-8{margin-bottom:-5rem !important}.lg\:mb-auto{margin-bottom:auto !important}.lg\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.lg\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.lg\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.lg\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.lg\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.lg\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.lg\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.lg\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.lg\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.lg\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.lg\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.lg\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.lg\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.lg\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.lg\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.lg\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.lg\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.lg\:mx-auto{margin-left:auto !important;margin-right:auto !important}.lg\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.lg\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.lg\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.lg\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.lg\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.lg\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.lg\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.lg\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.lg\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.lg\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.lg\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.lg\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.lg\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.lg\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.lg\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.lg\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.lg\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.lg\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 1200px){.xl\:m-0{margin:0rem !important}.xl\:m-1{margin:.25rem !important}.xl\:m-2{margin:.5rem !important}.xl\:m-3{margin:1rem !important}.xl\:m-4{margin:1.5rem !important}.xl\:m-5{margin:2rem !important}.xl\:m-6{margin:3rem !important}.xl\:m-7{margin:4rem !important}.xl\:m-8{margin:5rem !important}.xl\:-m-1{margin:-0.25rem !important}.xl\:-m-2{margin:-0.5rem !important}.xl\:-m-3{margin:-1rem !important}.xl\:-m-4{margin:-1.5rem !important}.xl\:-m-5{margin:-2rem !important}.xl\:-m-6{margin:-3rem !important}.xl\:-m-7{margin:-4rem !important}.xl\:-m-8{margin:-5rem !important}.xl\:m-auto{margin:auto !important}.xl\:mt-0{margin-top:0rem !important}.xl\:mt-1{margin-top:.25rem !important}.xl\:mt-2{margin-top:.5rem !important}.xl\:mt-3{margin-top:1rem !important}.xl\:mt-4{margin-top:1.5rem !important}.xl\:mt-5{margin-top:2rem !important}.xl\:mt-6{margin-top:3rem !important}.xl\:mt-7{margin-top:4rem !important}.xl\:mt-8{margin-top:5rem !important}.xl\:-mt-1{margin-top:-0.25rem !important}.xl\:-mt-2{margin-top:-0.5rem !important}.xl\:-mt-3{margin-top:-1rem !important}.xl\:-mt-4{margin-top:-1.5rem !important}.xl\:-mt-5{margin-top:-2rem !important}.xl\:-mt-6{margin-top:-3rem !important}.xl\:-mt-7{margin-top:-4rem !important}.xl\:-mt-8{margin-top:-5rem !important}.xl\:mt-auto{margin-top:auto !important}.xl\:mr-0{margin-right:0rem !important}.xl\:mr-1{margin-right:.25rem !important}.xl\:mr-2{margin-right:.5rem !important}.xl\:mr-3{margin-right:1rem !important}.xl\:mr-4{margin-right:1.5rem !important}.xl\:mr-5{margin-right:2rem !important}.xl\:mr-6{margin-right:3rem !important}.xl\:mr-7{margin-right:4rem !important}.xl\:mr-8{margin-right:5rem !important}.xl\:-mr-1{margin-right:-0.25rem !important}.xl\:-mr-2{margin-right:-0.5rem !important}.xl\:-mr-3{margin-right:-1rem !important}.xl\:-mr-4{margin-right:-1.5rem !important}.xl\:-mr-5{margin-right:-2rem !important}.xl\:-mr-6{margin-right:-3rem !important}.xl\:-mr-7{margin-right:-4rem !important}.xl\:-mr-8{margin-right:-5rem !important}.xl\:mr-auto{margin-right:auto !important}.xl\:ml-0{margin-left:0rem !important}.xl\:ml-1{margin-left:.25rem !important}.xl\:ml-2{margin-left:.5rem !important}.xl\:ml-3{margin-left:1rem !important}.xl\:ml-4{margin-left:1.5rem !important}.xl\:ml-5{margin-left:2rem !important}.xl\:ml-6{margin-left:3rem !important}.xl\:ml-7{margin-left:4rem !important}.xl\:ml-8{margin-left:5rem !important}.xl\:-ml-1{margin-left:-0.25rem !important}.xl\:-ml-2{margin-left:-0.5rem !important}.xl\:-ml-3{margin-left:-1rem !important}.xl\:-ml-4{margin-left:-1.5rem !important}.xl\:-ml-5{margin-left:-2rem !important}.xl\:-ml-6{margin-left:-3rem !important}.xl\:-ml-7{margin-left:-4rem !important}.xl\:-ml-8{margin-left:-5rem !important}.xl\:ml-auto{margin-left:auto !important}.xl\:mb-0{margin-bottom:0rem !important}.xl\:mb-1{margin-bottom:.25rem !important}.xl\:mb-2{margin-bottom:.5rem !important}.xl\:mb-3{margin-bottom:1rem !important}.xl\:mb-4{margin-bottom:1.5rem !important}.xl\:mb-5{margin-bottom:2rem !important}.xl\:mb-6{margin-bottom:3rem !important}.xl\:mb-7{margin-bottom:4rem !important}.xl\:mb-8{margin-bottom:5rem !important}.xl\:-mb-1{margin-bottom:-0.25rem !important}.xl\:-mb-2{margin-bottom:-0.5rem !important}.xl\:-mb-3{margin-bottom:-1rem !important}.xl\:-mb-4{margin-bottom:-1.5rem !important}.xl\:-mb-5{margin-bottom:-2rem !important}.xl\:-mb-6{margin-bottom:-3rem !important}.xl\:-mb-7{margin-bottom:-4rem !important}.xl\:-mb-8{margin-bottom:-5rem !important}.xl\:mb-auto{margin-bottom:auto !important}.xl\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.xl\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.xl\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.xl\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.xl\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.xl\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.xl\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.xl\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.xl\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.xl\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.xl\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.xl\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.xl\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.xl\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.xl\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.xl\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.xl\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.xl\:mx-auto{margin-left:auto !important;margin-right:auto !important}.xl\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.xl\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.xl\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.xl\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.xl\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.xl\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.xl\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.xl\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.xl\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.xl\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.xl\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.xl\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.xl\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.xl\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.xl\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.xl\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.xl\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.xl\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}.shadow-none{box-shadow:none !important}.shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-none:focus{box-shadow:none !important}.hover\:shadow-none:hover{box-shadow:none !important}.active\:shadow-none:active{box-shadow:none !important}.focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}@media screen and (min-width: 576px){.sm\:shadow-none{box-shadow:none !important}.sm\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-none:focus{box-shadow:none !important}.sm\:hover\:shadow-none:hover{box-shadow:none !important}.sm\:active\:shadow-none:active{box-shadow:none !important}.sm\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 768px){.md\:shadow-none{box-shadow:none !important}.md\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-none:focus{box-shadow:none !important}.md\:hover\:shadow-none:hover{box-shadow:none !important}.md\:active\:shadow-none:active{box-shadow:none !important}.md\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 992px){.lg\:shadow-none{box-shadow:none !important}.lg\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-none:focus{box-shadow:none !important}.lg\:hover\:shadow-none:hover{box-shadow:none !important}.lg\:active\:shadow-none:active{box-shadow:none !important}.lg\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 1200px){.xl\:shadow-none{box-shadow:none !important}.xl\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-none:focus{box-shadow:none !important}.xl\:hover\:shadow-none:hover{box-shadow:none !important}.xl\:active\:shadow-none:active{box-shadow:none !important}.xl\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}.border-none{border-width:0px !important;border-style:none}.border-1{border-width:1px !important;border-style:solid}.border-2{border-width:2px !important;border-style:solid}.border-3{border-width:3px !important;border-style:solid}.border-top-none{border-top-width:0px !important;border-top-style:none}.border-top-1{border-top-width:1px !important;border-top-style:solid}.border-top-2{border-top-width:2px !important;border-top-style:solid}.border-top-3{border-top-width:3px !important;border-top-style:solid}.border-right-none{border-right-width:0px !important;border-right-style:none}.border-right-1{border-right-width:1px !important;border-right-style:solid}.border-right-2{border-right-width:2px !important;border-right-style:solid}.border-right-3{border-right-width:3px !important;border-right-style:solid}.border-left-none{border-left-width:0px !important;border-left-style:none}.border-left-1{border-left-width:1px !important;border-left-style:solid}.border-left-2{border-left-width:2px !important;border-left-style:solid}.border-left-3{border-left-width:3px !important;border-left-style:solid}.border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}@media screen and (min-width: 576px){.sm\:border-none{border-width:0px !important;border-style:none}.sm\:border-1{border-width:1px !important;border-style:solid}.sm\:border-2{border-width:2px !important;border-style:solid}.sm\:border-3{border-width:3px !important;border-style:solid}.sm\:border-top-none{border-top-width:0px !important;border-top-style:none}.sm\:border-top-1{border-top-width:1px !important;border-top-style:solid}.sm\:border-top-2{border-top-width:2px !important;border-top-style:solid}.sm\:border-top-3{border-top-width:3px !important;border-top-style:solid}.sm\:border-right-none{border-right-width:0px !important;border-right-style:none}.sm\:border-right-1{border-right-width:1px !important;border-right-style:solid}.sm\:border-right-2{border-right-width:2px !important;border-right-style:solid}.sm\:border-right-3{border-right-width:3px !important;border-right-style:solid}.sm\:border-left-none{border-left-width:0px !important;border-left-style:none}.sm\:border-left-1{border-left-width:1px !important;border-left-style:solid}.sm\:border-left-2{border-left-width:2px !important;border-left-style:solid}.sm\:border-left-3{border-left-width:3px !important;border-left-style:solid}.sm\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.sm\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.sm\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.sm\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.sm\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.sm\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 768px){.md\:border-none{border-width:0px !important;border-style:none}.md\:border-1{border-width:1px !important;border-style:solid}.md\:border-2{border-width:2px !important;border-style:solid}.md\:border-3{border-width:3px !important;border-style:solid}.md\:border-top-none{border-top-width:0px !important;border-top-style:none}.md\:border-top-1{border-top-width:1px !important;border-top-style:solid}.md\:border-top-2{border-top-width:2px !important;border-top-style:solid}.md\:border-top-3{border-top-width:3px !important;border-top-style:solid}.md\:border-right-none{border-right-width:0px !important;border-right-style:none}.md\:border-right-1{border-right-width:1px !important;border-right-style:solid}.md\:border-right-2{border-right-width:2px !important;border-right-style:solid}.md\:border-right-3{border-right-width:3px !important;border-right-style:solid}.md\:border-left-none{border-left-width:0px !important;border-left-style:none}.md\:border-left-1{border-left-width:1px !important;border-left-style:solid}.md\:border-left-2{border-left-width:2px !important;border-left-style:solid}.md\:border-left-3{border-left-width:3px !important;border-left-style:solid}.md\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.md\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.md\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.md\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.md\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.md\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.md\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.md\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 992px){.lg\:border-none{border-width:0px !important;border-style:none}.lg\:border-1{border-width:1px !important;border-style:solid}.lg\:border-2{border-width:2px !important;border-style:solid}.lg\:border-3{border-width:3px !important;border-style:solid}.lg\:border-top-none{border-top-width:0px !important;border-top-style:none}.lg\:border-top-1{border-top-width:1px !important;border-top-style:solid}.lg\:border-top-2{border-top-width:2px !important;border-top-style:solid}.lg\:border-top-3{border-top-width:3px !important;border-top-style:solid}.lg\:border-right-none{border-right-width:0px !important;border-right-style:none}.lg\:border-right-1{border-right-width:1px !important;border-right-style:solid}.lg\:border-right-2{border-right-width:2px !important;border-right-style:solid}.lg\:border-right-3{border-right-width:3px !important;border-right-style:solid}.lg\:border-left-none{border-left-width:0px !important;border-left-style:none}.lg\:border-left-1{border-left-width:1px !important;border-left-style:solid}.lg\:border-left-2{border-left-width:2px !important;border-left-style:solid}.lg\:border-left-3{border-left-width:3px !important;border-left-style:solid}.lg\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.lg\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.lg\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.lg\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.lg\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.lg\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 1200px){.xl\:border-none{border-width:0px !important;border-style:none}.xl\:border-1{border-width:1px !important;border-style:solid}.xl\:border-2{border-width:2px !important;border-style:solid}.xl\:border-3{border-width:3px !important;border-style:solid}.xl\:border-top-none{border-top-width:0px !important;border-top-style:none}.xl\:border-top-1{border-top-width:1px !important;border-top-style:solid}.xl\:border-top-2{border-top-width:2px !important;border-top-style:solid}.xl\:border-top-3{border-top-width:3px !important;border-top-style:solid}.xl\:border-right-none{border-right-width:0px !important;border-right-style:none}.xl\:border-right-1{border-right-width:1px !important;border-right-style:solid}.xl\:border-right-2{border-right-width:2px !important;border-right-style:solid}.xl\:border-right-3{border-right-width:3px !important;border-right-style:solid}.xl\:border-left-none{border-left-width:0px !important;border-left-style:none}.xl\:border-left-1{border-left-width:1px !important;border-left-style:solid}.xl\:border-left-2{border-left-width:2px !important;border-left-style:solid}.xl\:border-left-3{border-left-width:3px !important;border-left-style:solid}.xl\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.xl\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.xl\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.xl\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.xl\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.xl\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}.border-solid{border-style:solid !important}.border-dashed{border-style:dashed !important}.border-dotted{border-style:dotted !important}.border-double{border-style:double !important}@media screen and (min-width: 576px){.sm\:border-solid{border-style:solid !important}.sm\:border-dashed{border-style:dashed !important}.sm\:border-dotted{border-style:dotted !important}.sm\:border-double{border-style:double !important}}@media screen and (min-width: 768px){.md\:border-solid{border-style:solid !important}.md\:border-dashed{border-style:dashed !important}.md\:border-dotted{border-style:dotted !important}.md\:border-double{border-style:double !important}}@media screen and (min-width: 992px){.lg\:border-solid{border-style:solid !important}.lg\:border-dashed{border-style:dashed !important}.lg\:border-dotted{border-style:dotted !important}.lg\:border-double{border-style:double !important}}@media screen and (min-width: 1200px){.xl\:border-solid{border-style:solid !important}.xl\:border-dashed{border-style:dashed !important}.xl\:border-dotted{border-style:dotted !important}.xl\:border-double{border-style:double !important}}.border-noround{border-radius:0 !important}.border-round{border-radius:var(--border-radius) !important}.border-round-xs{border-radius:0.125rem !important}.border-round-sm{border-radius:0.25rem !important}.border-round-md{border-radius:0.375rem !important}.border-round-lg{border-radius:0.5rem !important}.border-round-xl{border-radius:0.75rem !important}.border-round-2xl{border-radius:1rem !important}.border-round-3xl{border-radius:1.5rem !important}.border-circle{border-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround{border-radius:0 !important}.sm\:border-round{border-radius:var(--border-radius) !important}.sm\:border-round-xs{border-radius:0.125rem !important}.sm\:border-round-sm{border-radius:0.25rem !important}.sm\:border-round-md{border-radius:0.375rem !important}.sm\:border-round-lg{border-radius:0.5rem !important}.sm\:border-round-xl{border-radius:0.75rem !important}.sm\:border-round-2xl{border-radius:1rem !important}.sm\:border-round-3xl{border-radius:1.5rem !important}.sm\:border-circle{border-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround{border-radius:0 !important}.md\:border-round{border-radius:var(--border-radius) !important}.md\:border-round-xs{border-radius:0.125rem !important}.md\:border-round-sm{border-radius:0.25rem !important}.md\:border-round-md{border-radius:0.375rem !important}.md\:border-round-lg{border-radius:0.5rem !important}.md\:border-round-xl{border-radius:0.75rem !important}.md\:border-round-2xl{border-radius:1rem !important}.md\:border-round-3xl{border-radius:1.5rem !important}.md\:border-circle{border-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround{border-radius:0 !important}.lg\:border-round{border-radius:var(--border-radius) !important}.lg\:border-round-xs{border-radius:0.125rem !important}.lg\:border-round-sm{border-radius:0.25rem !important}.lg\:border-round-md{border-radius:0.375rem !important}.lg\:border-round-lg{border-radius:0.5rem !important}.lg\:border-round-xl{border-radius:0.75rem !important}.lg\:border-round-2xl{border-radius:1rem !important}.lg\:border-round-3xl{border-radius:1.5rem !important}.lg\:border-circle{border-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround{border-radius:0 !important}.xl\:border-round{border-radius:var(--border-radius) !important}.xl\:border-round-xs{border-radius:0.125rem !important}.xl\:border-round-sm{border-radius:0.25rem !important}.xl\:border-round-md{border-radius:0.375rem !important}.xl\:border-round-lg{border-radius:0.5rem !important}.xl\:border-round-xl{border-radius:0.75rem !important}.xl\:border-round-2xl{border-radius:1rem !important}.xl\:border-round-3xl{border-radius:1.5rem !important}.xl\:border-circle{border-radius:50% !important}}.border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.sm\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.sm\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.sm\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.sm\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.sm\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.sm\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.sm\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.sm\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.sm\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.sm\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.sm\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.sm\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.sm\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.sm\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.sm\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.sm\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.sm\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.sm\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.sm\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.sm\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.sm\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.md\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.md\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.md\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.md\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.md\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.md\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.md\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.md\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.md\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.md\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.md\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.md\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.md\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.md\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.md\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.md\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.md\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.md\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.md\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.md\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.md\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.lg\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.lg\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.lg\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.lg\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.lg\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.lg\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.lg\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.lg\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.lg\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.lg\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.lg\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.lg\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.lg\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.lg\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.lg\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.lg\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.lg\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.lg\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.lg\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.lg\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.lg\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.xl\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.xl\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.xl\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.xl\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.xl\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.xl\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.xl\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.xl\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.xl\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.xl\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.xl\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.xl\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.xl\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.xl\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.xl\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.xl\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.xl\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.xl\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.xl\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.xl\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.xl\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}.w-full{width:100% !important}.w-screen{width:100vw !important}.w-auto{width:auto !important}.w-1{width:8.3333% !important}.w-2{width:16.6667% !important}.w-3{width:25% !important}.w-4{width:33.3333% !important}.w-5{width:41.6667% !important}.w-6{width:50% !important}.w-7{width:58.3333% !important}.w-8{width:66.6667% !important}.w-9{width:75% !important}.w-10{width:83.3333% !important}.w-11{width:91.6667% !important}.w-12{width:100% !important}.w-min{width:min-content !important}.w-max{width:max-content !important}.w-fit{width:fit-content !important}.w-1rem{width:1rem !important}.w-2rem{width:2rem !important}.w-3rem{width:3rem !important}.w-4rem{width:4rem !important}.w-5rem{width:5rem !important}.w-6rem{width:6rem !important}.w-7rem{width:7rem !important}.w-8rem{width:8rem !important}.w-9rem{width:9rem !important}.w-10rem{width:10rem !important}.w-11rem{width:11rem !important}.w-12rem{width:12rem !important}.w-13rem{width:13rem !important}.w-14rem{width:14rem !important}.w-15rem{width:15rem !important}.w-16rem{width:16rem !important}.w-17rem{width:17rem !important}.w-18rem{width:18rem !important}.w-19rem{width:19rem !important}.w-20rem{width:20rem !important}.w-21rem{width:21rem !important}.w-22rem{width:22rem !important}.w-23rem{width:23rem !important}.w-24rem{width:24rem !important}.w-25rem{width:25rem !important}.w-26rem{width:26rem !important}.w-27rem{width:27rem !important}.w-28rem{width:28rem !important}.w-29rem{width:29rem !important}.w-30rem{width:30rem !important}@media screen and (min-width: 576px){.sm\:w-full{width:100% !important}.sm\:w-screen{width:100vw !important}.sm\:w-auto{width:auto !important}.sm\:w-1{width:8.3333% !important}.sm\:w-2{width:16.6667% !important}.sm\:w-3{width:25% !important}.sm\:w-4{width:33.3333% !important}.sm\:w-5{width:41.6667% !important}.sm\:w-6{width:50% !important}.sm\:w-7{width:58.3333% !important}.sm\:w-8{width:66.6667% !important}.sm\:w-9{width:75% !important}.sm\:w-10{width:83.3333% !important}.sm\:w-11{width:91.6667% !important}.sm\:w-12{width:100% !important}.sm\:w-min{width:min-content !important}.sm\:w-max{width:max-content !important}.sm\:w-fit{width:fit-content !important}.sm\:w-1rem{width:1rem !important}.sm\:w-2rem{width:2rem !important}.sm\:w-3rem{width:3rem !important}.sm\:w-4rem{width:4rem !important}.sm\:w-5rem{width:5rem !important}.sm\:w-6rem{width:6rem !important}.sm\:w-7rem{width:7rem !important}.sm\:w-8rem{width:8rem !important}.sm\:w-9rem{width:9rem !important}.sm\:w-10rem{width:10rem !important}.sm\:w-11rem{width:11rem !important}.sm\:w-12rem{width:12rem !important}.sm\:w-13rem{width:13rem !important}.sm\:w-14rem{width:14rem !important}.sm\:w-15rem{width:15rem !important}.sm\:w-16rem{width:16rem !important}.sm\:w-17rem{width:17rem !important}.sm\:w-18rem{width:18rem !important}.sm\:w-19rem{width:19rem !important}.sm\:w-20rem{width:20rem !important}.sm\:w-21rem{width:21rem !important}.sm\:w-22rem{width:22rem !important}.sm\:w-23rem{width:23rem !important}.sm\:w-24rem{width:24rem !important}.sm\:w-25rem{width:25rem !important}.sm\:w-26rem{width:26rem !important}.sm\:w-27rem{width:27rem !important}.sm\:w-28rem{width:28rem !important}.sm\:w-29rem{width:29rem !important}.sm\:w-30rem{width:30rem !important}}@media screen and (min-width: 768px){.md\:w-full{width:100% !important}.md\:w-screen{width:100vw !important}.md\:w-auto{width:auto !important}.md\:w-1{width:8.3333% !important}.md\:w-2{width:16.6667% !important}.md\:w-3{width:25% !important}.md\:w-4{width:33.3333% !important}.md\:w-5{width:41.6667% !important}.md\:w-6{width:50% !important}.md\:w-7{width:58.3333% !important}.md\:w-8{width:66.6667% !important}.md\:w-9{width:75% !important}.md\:w-10{width:83.3333% !important}.md\:w-11{width:91.6667% !important}.md\:w-12{width:100% !important}.md\:w-min{width:min-content !important}.md\:w-max{width:max-content !important}.md\:w-fit{width:fit-content !important}.md\:w-1rem{width:1rem !important}.md\:w-2rem{width:2rem !important}.md\:w-3rem{width:3rem !important}.md\:w-4rem{width:4rem !important}.md\:w-5rem{width:5rem !important}.md\:w-6rem{width:6rem !important}.md\:w-7rem{width:7rem !important}.md\:w-8rem{width:8rem !important}.md\:w-9rem{width:9rem !important}.md\:w-10rem{width:10rem !important}.md\:w-11rem{width:11rem !important}.md\:w-12rem{width:12rem !important}.md\:w-13rem{width:13rem !important}.md\:w-14rem{width:14rem !important}.md\:w-15rem{width:15rem !important}.md\:w-16rem{width:16rem !important}.md\:w-17rem{width:17rem !important}.md\:w-18rem{width:18rem !important}.md\:w-19rem{width:19rem !important}.md\:w-20rem{width:20rem !important}.md\:w-21rem{width:21rem !important}.md\:w-22rem{width:22rem !important}.md\:w-23rem{width:23rem !important}.md\:w-24rem{width:24rem !important}.md\:w-25rem{width:25rem !important}.md\:w-26rem{width:26rem !important}.md\:w-27rem{width:27rem !important}.md\:w-28rem{width:28rem !important}.md\:w-29rem{width:29rem !important}.md\:w-30rem{width:30rem !important}}@media screen and (min-width: 992px){.lg\:w-full{width:100% !important}.lg\:w-screen{width:100vw !important}.lg\:w-auto{width:auto !important}.lg\:w-1{width:8.3333% !important}.lg\:w-2{width:16.6667% !important}.lg\:w-3{width:25% !important}.lg\:w-4{width:33.3333% !important}.lg\:w-5{width:41.6667% !important}.lg\:w-6{width:50% !important}.lg\:w-7{width:58.3333% !important}.lg\:w-8{width:66.6667% !important}.lg\:w-9{width:75% !important}.lg\:w-10{width:83.3333% !important}.lg\:w-11{width:91.6667% !important}.lg\:w-12{width:100% !important}.lg\:w-min{width:min-content !important}.lg\:w-max{width:max-content !important}.lg\:w-fit{width:fit-content !important}.lg\:w-1rem{width:1rem !important}.lg\:w-2rem{width:2rem !important}.lg\:w-3rem{width:3rem !important}.lg\:w-4rem{width:4rem !important}.lg\:w-5rem{width:5rem !important}.lg\:w-6rem{width:6rem !important}.lg\:w-7rem{width:7rem !important}.lg\:w-8rem{width:8rem !important}.lg\:w-9rem{width:9rem !important}.lg\:w-10rem{width:10rem !important}.lg\:w-11rem{width:11rem !important}.lg\:w-12rem{width:12rem !important}.lg\:w-13rem{width:13rem !important}.lg\:w-14rem{width:14rem !important}.lg\:w-15rem{width:15rem !important}.lg\:w-16rem{width:16rem !important}.lg\:w-17rem{width:17rem !important}.lg\:w-18rem{width:18rem !important}.lg\:w-19rem{width:19rem !important}.lg\:w-20rem{width:20rem !important}.lg\:w-21rem{width:21rem !important}.lg\:w-22rem{width:22rem !important}.lg\:w-23rem{width:23rem !important}.lg\:w-24rem{width:24rem !important}.lg\:w-25rem{width:25rem !important}.lg\:w-26rem{width:26rem !important}.lg\:w-27rem{width:27rem !important}.lg\:w-28rem{width:28rem !important}.lg\:w-29rem{width:29rem !important}.lg\:w-30rem{width:30rem !important}}@media screen and (min-width: 1200px){.xl\:w-full{width:100% !important}.xl\:w-screen{width:100vw !important}.xl\:w-auto{width:auto !important}.xl\:w-1{width:8.3333% !important}.xl\:w-2{width:16.6667% !important}.xl\:w-3{width:25% !important}.xl\:w-4{width:33.3333% !important}.xl\:w-5{width:41.6667% !important}.xl\:w-6{width:50% !important}.xl\:w-7{width:58.3333% !important}.xl\:w-8{width:66.6667% !important}.xl\:w-9{width:75% !important}.xl\:w-10{width:83.3333% !important}.xl\:w-11{width:91.6667% !important}.xl\:w-12{width:100% !important}.xl\:w-min{width:min-content !important}.xl\:w-max{width:max-content !important}.xl\:w-fit{width:fit-content !important}.xl\:w-1rem{width:1rem !important}.xl\:w-2rem{width:2rem !important}.xl\:w-3rem{width:3rem !important}.xl\:w-4rem{width:4rem !important}.xl\:w-5rem{width:5rem !important}.xl\:w-6rem{width:6rem !important}.xl\:w-7rem{width:7rem !important}.xl\:w-8rem{width:8rem !important}.xl\:w-9rem{width:9rem !important}.xl\:w-10rem{width:10rem !important}.xl\:w-11rem{width:11rem !important}.xl\:w-12rem{width:12rem !important}.xl\:w-13rem{width:13rem !important}.xl\:w-14rem{width:14rem !important}.xl\:w-15rem{width:15rem !important}.xl\:w-16rem{width:16rem !important}.xl\:w-17rem{width:17rem !important}.xl\:w-18rem{width:18rem !important}.xl\:w-19rem{width:19rem !important}.xl\:w-20rem{width:20rem !important}.xl\:w-21rem{width:21rem !important}.xl\:w-22rem{width:22rem !important}.xl\:w-23rem{width:23rem !important}.xl\:w-24rem{width:24rem !important}.xl\:w-25rem{width:25rem !important}.xl\:w-26rem{width:26rem !important}.xl\:w-27rem{width:27rem !important}.xl\:w-28rem{width:28rem !important}.xl\:w-29rem{width:29rem !important}.xl\:w-30rem{width:30rem !important}}.h-full{height:100% !important}.h-screen{height:100vh !important}.h-auto{height:auto !important}.h-min{height:min-content !important}.h-max{height:max-content !important}.h-fit{height:fit-content !important}.h-1rem{height:1rem !important}.h-2rem{height:2rem !important}.h-3rem{height:3rem !important}.h-4rem{height:4rem !important}.h-5rem{height:5rem !important}.h-6rem{height:6rem !important}.h-7rem{height:7rem !important}.h-8rem{height:8rem !important}.h-9rem{height:9rem !important}.h-10rem{height:10rem !important}.h-11rem{height:11rem !important}.h-12rem{height:12rem !important}.h-13rem{height:13rem !important}.h-14rem{height:14rem !important}.h-15rem{height:15rem !important}.h-16rem{height:16rem !important}.h-17rem{height:17rem !important}.h-18rem{height:18rem !important}.h-19rem{height:19rem !important}.h-20rem{height:20rem !important}.h-21rem{height:21rem !important}.h-22rem{height:22rem !important}.h-23rem{height:23rem !important}.h-24rem{height:24rem !important}.h-25rem{height:25rem !important}.h-26rem{height:26rem !important}.h-27rem{height:27rem !important}.h-28rem{height:28rem !important}.h-29rem{height:29rem !important}.h-30rem{height:30rem !important}@media screen and (min-width: 576px){.sm\:h-full{height:100% !important}.sm\:h-screen{height:100vh !important}.sm\:h-auto{height:auto !important}.sm\:h-min{height:min-content !important}.sm\:h-max{height:max-content !important}.sm\:h-fit{height:fit-content !important}.sm\:h-1rem{height:1rem !important}.sm\:h-2rem{height:2rem !important}.sm\:h-3rem{height:3rem !important}.sm\:h-4rem{height:4rem !important}.sm\:h-5rem{height:5rem !important}.sm\:h-6rem{height:6rem !important}.sm\:h-7rem{height:7rem !important}.sm\:h-8rem{height:8rem !important}.sm\:h-9rem{height:9rem !important}.sm\:h-10rem{height:10rem !important}.sm\:h-11rem{height:11rem !important}.sm\:h-12rem{height:12rem !important}.sm\:h-13rem{height:13rem !important}.sm\:h-14rem{height:14rem !important}.sm\:h-15rem{height:15rem !important}.sm\:h-16rem{height:16rem !important}.sm\:h-17rem{height:17rem !important}.sm\:h-18rem{height:18rem !important}.sm\:h-19rem{height:19rem !important}.sm\:h-20rem{height:20rem !important}.sm\:h-21rem{height:21rem !important}.sm\:h-22rem{height:22rem !important}.sm\:h-23rem{height:23rem !important}.sm\:h-24rem{height:24rem !important}.sm\:h-25rem{height:25rem !important}.sm\:h-26rem{height:26rem !important}.sm\:h-27rem{height:27rem !important}.sm\:h-28rem{height:28rem !important}.sm\:h-29rem{height:29rem !important}.sm\:h-30rem{height:30rem !important}}@media screen and (min-width: 768px){.md\:h-full{height:100% !important}.md\:h-screen{height:100vh !important}.md\:h-auto{height:auto !important}.md\:h-min{height:min-content !important}.md\:h-max{height:max-content !important}.md\:h-fit{height:fit-content !important}.md\:h-1rem{height:1rem !important}.md\:h-2rem{height:2rem !important}.md\:h-3rem{height:3rem !important}.md\:h-4rem{height:4rem !important}.md\:h-5rem{height:5rem !important}.md\:h-6rem{height:6rem !important}.md\:h-7rem{height:7rem !important}.md\:h-8rem{height:8rem !important}.md\:h-9rem{height:9rem !important}.md\:h-10rem{height:10rem !important}.md\:h-11rem{height:11rem !important}.md\:h-12rem{height:12rem !important}.md\:h-13rem{height:13rem !important}.md\:h-14rem{height:14rem !important}.md\:h-15rem{height:15rem !important}.md\:h-16rem{height:16rem !important}.md\:h-17rem{height:17rem !important}.md\:h-18rem{height:18rem !important}.md\:h-19rem{height:19rem !important}.md\:h-20rem{height:20rem !important}.md\:h-21rem{height:21rem !important}.md\:h-22rem{height:22rem !important}.md\:h-23rem{height:23rem !important}.md\:h-24rem{height:24rem !important}.md\:h-25rem{height:25rem !important}.md\:h-26rem{height:26rem !important}.md\:h-27rem{height:27rem !important}.md\:h-28rem{height:28rem !important}.md\:h-29rem{height:29rem !important}.md\:h-30rem{height:30rem !important}}@media screen and (min-width: 992px){.lg\:h-full{height:100% !important}.lg\:h-screen{height:100vh !important}.lg\:h-auto{height:auto !important}.lg\:h-min{height:min-content !important}.lg\:h-max{height:max-content !important}.lg\:h-fit{height:fit-content !important}.lg\:h-1rem{height:1rem !important}.lg\:h-2rem{height:2rem !important}.lg\:h-3rem{height:3rem !important}.lg\:h-4rem{height:4rem !important}.lg\:h-5rem{height:5rem !important}.lg\:h-6rem{height:6rem !important}.lg\:h-7rem{height:7rem !important}.lg\:h-8rem{height:8rem !important}.lg\:h-9rem{height:9rem !important}.lg\:h-10rem{height:10rem !important}.lg\:h-11rem{height:11rem !important}.lg\:h-12rem{height:12rem !important}.lg\:h-13rem{height:13rem !important}.lg\:h-14rem{height:14rem !important}.lg\:h-15rem{height:15rem !important}.lg\:h-16rem{height:16rem !important}.lg\:h-17rem{height:17rem !important}.lg\:h-18rem{height:18rem !important}.lg\:h-19rem{height:19rem !important}.lg\:h-20rem{height:20rem !important}.lg\:h-21rem{height:21rem !important}.lg\:h-22rem{height:22rem !important}.lg\:h-23rem{height:23rem !important}.lg\:h-24rem{height:24rem !important}.lg\:h-25rem{height:25rem !important}.lg\:h-26rem{height:26rem !important}.lg\:h-27rem{height:27rem !important}.lg\:h-28rem{height:28rem !important}.lg\:h-29rem{height:29rem !important}.lg\:h-30rem{height:30rem !important}}@media screen and (min-width: 1200px){.xl\:h-full{height:100% !important}.xl\:h-screen{height:100vh !important}.xl\:h-auto{height:auto !important}.xl\:h-min{height:min-content !important}.xl\:h-max{height:max-content !important}.xl\:h-fit{height:fit-content !important}.xl\:h-1rem{height:1rem !important}.xl\:h-2rem{height:2rem !important}.xl\:h-3rem{height:3rem !important}.xl\:h-4rem{height:4rem !important}.xl\:h-5rem{height:5rem !important}.xl\:h-6rem{height:6rem !important}.xl\:h-7rem{height:7rem !important}.xl\:h-8rem{height:8rem !important}.xl\:h-9rem{height:9rem !important}.xl\:h-10rem{height:10rem !important}.xl\:h-11rem{height:11rem !important}.xl\:h-12rem{height:12rem !important}.xl\:h-13rem{height:13rem !important}.xl\:h-14rem{height:14rem !important}.xl\:h-15rem{height:15rem !important}.xl\:h-16rem{height:16rem !important}.xl\:h-17rem{height:17rem !important}.xl\:h-18rem{height:18rem !important}.xl\:h-19rem{height:19rem !important}.xl\:h-20rem{height:20rem !important}.xl\:h-21rem{height:21rem !important}.xl\:h-22rem{height:22rem !important}.xl\:h-23rem{height:23rem !important}.xl\:h-24rem{height:24rem !important}.xl\:h-25rem{height:25rem !important}.xl\:h-26rem{height:26rem !important}.xl\:h-27rem{height:27rem !important}.xl\:h-28rem{height:28rem !important}.xl\:h-29rem{height:29rem !important}.xl\:h-30rem{height:30rem !important}}.min-w-0{min-width:0px !important}.min-w-full{min-width:100% !important}.min-w-screen{min-width:100vw !important}.min-w-min{min-width:min-content !important}.min-w-max{min-width:max-content !important}@media screen and (min-width: 576px){.sm\:min-w-0{min-width:0px !important}.sm\:min-w-full{min-width:100% !important}.sm\:min-w-screen{min-width:100vw !important}.sm\:min-w-min{min-width:min-content !important}.sm\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 768px){.md\:min-w-0{min-width:0px !important}.md\:min-w-full{min-width:100% !important}.md\:min-w-screen{min-width:100vw !important}.md\:min-w-min{min-width:min-content !important}.md\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 992px){.lg\:min-w-0{min-width:0px !important}.lg\:min-w-full{min-width:100% !important}.lg\:min-w-screen{min-width:100vw !important}.lg\:min-w-min{min-width:min-content !important}.lg\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 1200px){.xl\:min-w-0{min-width:0px !important}.xl\:min-w-full{min-width:100% !important}.xl\:min-w-screen{min-width:100vw !important}.xl\:min-w-min{min-width:min-content !important}.xl\:min-w-max{min-width:max-content !important}}.max-w-0{max-width:0px !important}.max-w-full{max-width:100% !important}.max-w-screen{max-width:100vw !important}.max-w-min{max-width:min-content !important}.max-w-max{max-width:max-content !important}.max-w-fit{max-width:fit-content !important}.max-w-1rem{max-width:1rem !important}.max-w-2rem{max-width:2rem !important}.max-w-3rem{max-width:3rem !important}.max-w-4rem{max-width:4rem !important}.max-w-5rem{max-width:5rem !important}.max-w-6rem{max-width:6rem !important}.max-w-7rem{max-width:7rem !important}.max-w-8rem{max-width:8rem !important}.max-w-9rem{max-width:9rem !important}.max-w-10rem{max-width:10rem !important}.max-w-11rem{max-width:11rem !important}.max-w-12rem{max-width:12rem !important}.max-w-13rem{max-width:13rem !important}.max-w-14rem{max-width:14rem !important}.max-w-15rem{max-width:15rem !important}.max-w-16rem{max-width:16rem !important}.max-w-17rem{max-width:17rem !important}.max-w-18rem{max-width:18rem !important}.max-w-19rem{max-width:19rem !important}.max-w-20rem{max-width:20rem !important}.max-w-21rem{max-width:21rem !important}.max-w-22rem{max-width:22rem !important}.max-w-23rem{max-width:23rem !important}.max-w-24rem{max-width:24rem !important}.max-w-25rem{max-width:25rem !important}.max-w-26rem{max-width:26rem !important}.max-w-27rem{max-width:27rem !important}.max-w-28rem{max-width:28rem !important}.max-w-29rem{max-width:29rem !important}.max-w-30rem{max-width:30rem !important}@media screen and (min-width: 576px){.sm\:max-w-0{max-width:0px !important}.sm\:max-w-full{max-width:100% !important}.sm\:max-w-screen{max-width:100vw !important}.sm\:max-w-min{max-width:min-content !important}.sm\:max-w-max{max-width:max-content !important}.sm\:max-w-fit{max-width:fit-content !important}.sm\:max-w-1rem{max-width:1rem !important}.sm\:max-w-2rem{max-width:2rem !important}.sm\:max-w-3rem{max-width:3rem !important}.sm\:max-w-4rem{max-width:4rem !important}.sm\:max-w-5rem{max-width:5rem !important}.sm\:max-w-6rem{max-width:6rem !important}.sm\:max-w-7rem{max-width:7rem !important}.sm\:max-w-8rem{max-width:8rem !important}.sm\:max-w-9rem{max-width:9rem !important}.sm\:max-w-10rem{max-width:10rem !important}.sm\:max-w-11rem{max-width:11rem !important}.sm\:max-w-12rem{max-width:12rem !important}.sm\:max-w-13rem{max-width:13rem !important}.sm\:max-w-14rem{max-width:14rem !important}.sm\:max-w-15rem{max-width:15rem !important}.sm\:max-w-16rem{max-width:16rem !important}.sm\:max-w-17rem{max-width:17rem !important}.sm\:max-w-18rem{max-width:18rem !important}.sm\:max-w-19rem{max-width:19rem !important}.sm\:max-w-20rem{max-width:20rem !important}.sm\:max-w-21rem{max-width:21rem !important}.sm\:max-w-22rem{max-width:22rem !important}.sm\:max-w-23rem{max-width:23rem !important}.sm\:max-w-24rem{max-width:24rem !important}.sm\:max-w-25rem{max-width:25rem !important}.sm\:max-w-26rem{max-width:26rem !important}.sm\:max-w-27rem{max-width:27rem !important}.sm\:max-w-28rem{max-width:28rem !important}.sm\:max-w-29rem{max-width:29rem !important}.sm\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 768px){.md\:max-w-0{max-width:0px !important}.md\:max-w-full{max-width:100% !important}.md\:max-w-screen{max-width:100vw !important}.md\:max-w-min{max-width:min-content !important}.md\:max-w-max{max-width:max-content !important}.md\:max-w-fit{max-width:fit-content !important}.md\:max-w-1rem{max-width:1rem !important}.md\:max-w-2rem{max-width:2rem !important}.md\:max-w-3rem{max-width:3rem !important}.md\:max-w-4rem{max-width:4rem !important}.md\:max-w-5rem{max-width:5rem !important}.md\:max-w-6rem{max-width:6rem !important}.md\:max-w-7rem{max-width:7rem !important}.md\:max-w-8rem{max-width:8rem !important}.md\:max-w-9rem{max-width:9rem !important}.md\:max-w-10rem{max-width:10rem !important}.md\:max-w-11rem{max-width:11rem !important}.md\:max-w-12rem{max-width:12rem !important}.md\:max-w-13rem{max-width:13rem !important}.md\:max-w-14rem{max-width:14rem !important}.md\:max-w-15rem{max-width:15rem !important}.md\:max-w-16rem{max-width:16rem !important}.md\:max-w-17rem{max-width:17rem !important}.md\:max-w-18rem{max-width:18rem !important}.md\:max-w-19rem{max-width:19rem !important}.md\:max-w-20rem{max-width:20rem !important}.md\:max-w-21rem{max-width:21rem !important}.md\:max-w-22rem{max-width:22rem !important}.md\:max-w-23rem{max-width:23rem !important}.md\:max-w-24rem{max-width:24rem !important}.md\:max-w-25rem{max-width:25rem !important}.md\:max-w-26rem{max-width:26rem !important}.md\:max-w-27rem{max-width:27rem !important}.md\:max-w-28rem{max-width:28rem !important}.md\:max-w-29rem{max-width:29rem !important}.md\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 992px){.lg\:max-w-0{max-width:0px !important}.lg\:max-w-full{max-width:100% !important}.lg\:max-w-screen{max-width:100vw !important}.lg\:max-w-min{max-width:min-content !important}.lg\:max-w-max{max-width:max-content !important}.lg\:max-w-fit{max-width:fit-content !important}.lg\:max-w-1rem{max-width:1rem !important}.lg\:max-w-2rem{max-width:2rem !important}.lg\:max-w-3rem{max-width:3rem !important}.lg\:max-w-4rem{max-width:4rem !important}.lg\:max-w-5rem{max-width:5rem !important}.lg\:max-w-6rem{max-width:6rem !important}.lg\:max-w-7rem{max-width:7rem !important}.lg\:max-w-8rem{max-width:8rem !important}.lg\:max-w-9rem{max-width:9rem !important}.lg\:max-w-10rem{max-width:10rem !important}.lg\:max-w-11rem{max-width:11rem !important}.lg\:max-w-12rem{max-width:12rem !important}.lg\:max-w-13rem{max-width:13rem !important}.lg\:max-w-14rem{max-width:14rem !important}.lg\:max-w-15rem{max-width:15rem !important}.lg\:max-w-16rem{max-width:16rem !important}.lg\:max-w-17rem{max-width:17rem !important}.lg\:max-w-18rem{max-width:18rem !important}.lg\:max-w-19rem{max-width:19rem !important}.lg\:max-w-20rem{max-width:20rem !important}.lg\:max-w-21rem{max-width:21rem !important}.lg\:max-w-22rem{max-width:22rem !important}.lg\:max-w-23rem{max-width:23rem !important}.lg\:max-w-24rem{max-width:24rem !important}.lg\:max-w-25rem{max-width:25rem !important}.lg\:max-w-26rem{max-width:26rem !important}.lg\:max-w-27rem{max-width:27rem !important}.lg\:max-w-28rem{max-width:28rem !important}.lg\:max-w-29rem{max-width:29rem !important}.lg\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-w-0{max-width:0px !important}.xl\:max-w-full{max-width:100% !important}.xl\:max-w-screen{max-width:100vw !important}.xl\:max-w-min{max-width:min-content !important}.xl\:max-w-max{max-width:max-content !important}.xl\:max-w-fit{max-width:fit-content !important}.xl\:max-w-1rem{max-width:1rem !important}.xl\:max-w-2rem{max-width:2rem !important}.xl\:max-w-3rem{max-width:3rem !important}.xl\:max-w-4rem{max-width:4rem !important}.xl\:max-w-5rem{max-width:5rem !important}.xl\:max-w-6rem{max-width:6rem !important}.xl\:max-w-7rem{max-width:7rem !important}.xl\:max-w-8rem{max-width:8rem !important}.xl\:max-w-9rem{max-width:9rem !important}.xl\:max-w-10rem{max-width:10rem !important}.xl\:max-w-11rem{max-width:11rem !important}.xl\:max-w-12rem{max-width:12rem !important}.xl\:max-w-13rem{max-width:13rem !important}.xl\:max-w-14rem{max-width:14rem !important}.xl\:max-w-15rem{max-width:15rem !important}.xl\:max-w-16rem{max-width:16rem !important}.xl\:max-w-17rem{max-width:17rem !important}.xl\:max-w-18rem{max-width:18rem !important}.xl\:max-w-19rem{max-width:19rem !important}.xl\:max-w-20rem{max-width:20rem !important}.xl\:max-w-21rem{max-width:21rem !important}.xl\:max-w-22rem{max-width:22rem !important}.xl\:max-w-23rem{max-width:23rem !important}.xl\:max-w-24rem{max-width:24rem !important}.xl\:max-w-25rem{max-width:25rem !important}.xl\:max-w-26rem{max-width:26rem !important}.xl\:max-w-27rem{max-width:27rem !important}.xl\:max-w-28rem{max-width:28rem !important}.xl\:max-w-29rem{max-width:29rem !important}.xl\:max-w-30rem{max-width:30rem !important}}.min-h-0{min-height:0px !important}.min-h-full{min-height:100% !important}.min-h-screen{min-height:100vh !important}@media screen and (min-width: 576px){.sm\:min-h-0{min-height:0px !important}.sm\:min-h-full{min-height:100% !important}.sm\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 768px){.md\:min-h-0{min-height:0px !important}.md\:min-h-full{min-height:100% !important}.md\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 992px){.lg\:min-h-0{min-height:0px !important}.lg\:min-h-full{min-height:100% !important}.lg\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 1200px){.xl\:min-h-0{min-height:0px !important}.xl\:min-h-full{min-height:100% !important}.xl\:min-h-screen{min-height:100vh !important}}.max-h-0{max-height:0px !important}.max-h-full{max-height:100% !important}.max-h-screen{max-height:100vh !important}.max-h-min{max-height:min-content !important}.max-h-max{max-height:max-content !important}.max-h-fit{max-height:fit-content !important}.max-h-1rem{max-height:1rem !important}.max-h-2rem{max-height:2rem !important}.max-h-3rem{max-height:3rem !important}.max-h-4rem{max-height:4rem !important}.max-h-5rem{max-height:5rem !important}.max-h-6rem{max-height:6rem !important}.max-h-7rem{max-height:7rem !important}.max-h-8rem{max-height:8rem !important}.max-h-9rem{max-height:9rem !important}.max-h-10rem{max-height:10rem !important}.max-h-11rem{max-height:11rem !important}.max-h-12rem{max-height:12rem !important}.max-h-13rem{max-height:13rem !important}.max-h-14rem{max-height:14rem !important}.max-h-15rem{max-height:15rem !important}.max-h-16rem{max-height:16rem !important}.max-h-17rem{max-height:17rem !important}.max-h-18rem{max-height:18rem !important}.max-h-19rem{max-height:19rem !important}.max-h-20rem{max-height:20rem !important}.max-h-21rem{max-height:21rem !important}.max-h-22rem{max-height:22rem !important}.max-h-23rem{max-height:23rem !important}.max-h-24rem{max-height:24rem !important}.max-h-25rem{max-height:25rem !important}.max-h-26rem{max-height:26rem !important}.max-h-27rem{max-height:27rem !important}.max-h-28rem{max-height:28rem !important}.max-h-29rem{max-height:29rem !important}.max-h-30rem{max-height:30rem !important}@media screen and (min-width: 576px){.sm\:max-h-0{max-height:0px !important}.sm\:max-h-full{max-height:100% !important}.sm\:max-h-screen{max-height:100vh !important}.sm\:max-h-min{max-height:min-content !important}.sm\:max-h-max{max-height:max-content !important}.sm\:max-h-fit{max-height:fit-content !important}.sm\:max-h-1rem{max-height:1rem !important}.sm\:max-h-2rem{max-height:2rem !important}.sm\:max-h-3rem{max-height:3rem !important}.sm\:max-h-4rem{max-height:4rem !important}.sm\:max-h-5rem{max-height:5rem !important}.sm\:max-h-6rem{max-height:6rem !important}.sm\:max-h-7rem{max-height:7rem !important}.sm\:max-h-8rem{max-height:8rem !important}.sm\:max-h-9rem{max-height:9rem !important}.sm\:max-h-10rem{max-height:10rem !important}.sm\:max-h-11rem{max-height:11rem !important}.sm\:max-h-12rem{max-height:12rem !important}.sm\:max-h-13rem{max-height:13rem !important}.sm\:max-h-14rem{max-height:14rem !important}.sm\:max-h-15rem{max-height:15rem !important}.sm\:max-h-16rem{max-height:16rem !important}.sm\:max-h-17rem{max-height:17rem !important}.sm\:max-h-18rem{max-height:18rem !important}.sm\:max-h-19rem{max-height:19rem !important}.sm\:max-h-20rem{max-height:20rem !important}.sm\:max-h-21rem{max-height:21rem !important}.sm\:max-h-22rem{max-height:22rem !important}.sm\:max-h-23rem{max-height:23rem !important}.sm\:max-h-24rem{max-height:24rem !important}.sm\:max-h-25rem{max-height:25rem !important}.sm\:max-h-26rem{max-height:26rem !important}.sm\:max-h-27rem{max-height:27rem !important}.sm\:max-h-28rem{max-height:28rem !important}.sm\:max-h-29rem{max-height:29rem !important}.sm\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 768px){.md\:max-h-0{max-height:0px !important}.md\:max-h-full{max-height:100% !important}.md\:max-h-screen{max-height:100vh !important}.md\:max-h-min{max-height:min-content !important}.md\:max-h-max{max-height:max-content !important}.md\:max-h-fit{max-height:fit-content !important}.md\:max-h-1rem{max-height:1rem !important}.md\:max-h-2rem{max-height:2rem !important}.md\:max-h-3rem{max-height:3rem !important}.md\:max-h-4rem{max-height:4rem !important}.md\:max-h-5rem{max-height:5rem !important}.md\:max-h-6rem{max-height:6rem !important}.md\:max-h-7rem{max-height:7rem !important}.md\:max-h-8rem{max-height:8rem !important}.md\:max-h-9rem{max-height:9rem !important}.md\:max-h-10rem{max-height:10rem !important}.md\:max-h-11rem{max-height:11rem !important}.md\:max-h-12rem{max-height:12rem !important}.md\:max-h-13rem{max-height:13rem !important}.md\:max-h-14rem{max-height:14rem !important}.md\:max-h-15rem{max-height:15rem !important}.md\:max-h-16rem{max-height:16rem !important}.md\:max-h-17rem{max-height:17rem !important}.md\:max-h-18rem{max-height:18rem !important}.md\:max-h-19rem{max-height:19rem !important}.md\:max-h-20rem{max-height:20rem !important}.md\:max-h-21rem{max-height:21rem !important}.md\:max-h-22rem{max-height:22rem !important}.md\:max-h-23rem{max-height:23rem !important}.md\:max-h-24rem{max-height:24rem !important}.md\:max-h-25rem{max-height:25rem !important}.md\:max-h-26rem{max-height:26rem !important}.md\:max-h-27rem{max-height:27rem !important}.md\:max-h-28rem{max-height:28rem !important}.md\:max-h-29rem{max-height:29rem !important}.md\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 992px){.lg\:max-h-0{max-height:0px !important}.lg\:max-h-full{max-height:100% !important}.lg\:max-h-screen{max-height:100vh !important}.lg\:max-h-min{max-height:min-content !important}.lg\:max-h-max{max-height:max-content !important}.lg\:max-h-fit{max-height:fit-content !important}.lg\:max-h-1rem{max-height:1rem !important}.lg\:max-h-2rem{max-height:2rem !important}.lg\:max-h-3rem{max-height:3rem !important}.lg\:max-h-4rem{max-height:4rem !important}.lg\:max-h-5rem{max-height:5rem !important}.lg\:max-h-6rem{max-height:6rem !important}.lg\:max-h-7rem{max-height:7rem !important}.lg\:max-h-8rem{max-height:8rem !important}.lg\:max-h-9rem{max-height:9rem !important}.lg\:max-h-10rem{max-height:10rem !important}.lg\:max-h-11rem{max-height:11rem !important}.lg\:max-h-12rem{max-height:12rem !important}.lg\:max-h-13rem{max-height:13rem !important}.lg\:max-h-14rem{max-height:14rem !important}.lg\:max-h-15rem{max-height:15rem !important}.lg\:max-h-16rem{max-height:16rem !important}.lg\:max-h-17rem{max-height:17rem !important}.lg\:max-h-18rem{max-height:18rem !important}.lg\:max-h-19rem{max-height:19rem !important}.lg\:max-h-20rem{max-height:20rem !important}.lg\:max-h-21rem{max-height:21rem !important}.lg\:max-h-22rem{max-height:22rem !important}.lg\:max-h-23rem{max-height:23rem !important}.lg\:max-h-24rem{max-height:24rem !important}.lg\:max-h-25rem{max-height:25rem !important}.lg\:max-h-26rem{max-height:26rem !important}.lg\:max-h-27rem{max-height:27rem !important}.lg\:max-h-28rem{max-height:28rem !important}.lg\:max-h-29rem{max-height:29rem !important}.lg\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-h-0{max-height:0px !important}.xl\:max-h-full{max-height:100% !important}.xl\:max-h-screen{max-height:100vh !important}.xl\:max-h-min{max-height:min-content !important}.xl\:max-h-max{max-height:max-content !important}.xl\:max-h-fit{max-height:fit-content !important}.xl\:max-h-1rem{max-height:1rem !important}.xl\:max-h-2rem{max-height:2rem !important}.xl\:max-h-3rem{max-height:3rem !important}.xl\:max-h-4rem{max-height:4rem !important}.xl\:max-h-5rem{max-height:5rem !important}.xl\:max-h-6rem{max-height:6rem !important}.xl\:max-h-7rem{max-height:7rem !important}.xl\:max-h-8rem{max-height:8rem !important}.xl\:max-h-9rem{max-height:9rem !important}.xl\:max-h-10rem{max-height:10rem !important}.xl\:max-h-11rem{max-height:11rem !important}.xl\:max-h-12rem{max-height:12rem !important}.xl\:max-h-13rem{max-height:13rem !important}.xl\:max-h-14rem{max-height:14rem !important}.xl\:max-h-15rem{max-height:15rem !important}.xl\:max-h-16rem{max-height:16rem !important}.xl\:max-h-17rem{max-height:17rem !important}.xl\:max-h-18rem{max-height:18rem !important}.xl\:max-h-19rem{max-height:19rem !important}.xl\:max-h-20rem{max-height:20rem !important}.xl\:max-h-21rem{max-height:21rem !important}.xl\:max-h-22rem{max-height:22rem !important}.xl\:max-h-23rem{max-height:23rem !important}.xl\:max-h-24rem{max-height:24rem !important}.xl\:max-h-25rem{max-height:25rem !important}.xl\:max-h-26rem{max-height:26rem !important}.xl\:max-h-27rem{max-height:27rem !important}.xl\:max-h-28rem{max-height:28rem !important}.xl\:max-h-29rem{max-height:29rem !important}.xl\:max-h-30rem{max-height:30rem !important}}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}@media screen and (min-width: 576px){.sm\:static{position:static !important}.sm\:fixed{position:fixed !important}.sm\:absolute{position:absolute !important}.sm\:relative{position:relative !important}.sm\:sticky{position:sticky !important}}@media screen and (min-width: 768px){.md\:static{position:static !important}.md\:fixed{position:fixed !important}.md\:absolute{position:absolute !important}.md\:relative{position:relative !important}.md\:sticky{position:sticky !important}}@media screen and (min-width: 992px){.lg\:static{position:static !important}.lg\:fixed{position:fixed !important}.lg\:absolute{position:absolute !important}.lg\:relative{position:relative !important}.lg\:sticky{position:sticky !important}}@media screen and (min-width: 1200px){.xl\:static{position:static !important}.xl\:fixed{position:fixed !important}.xl\:absolute{position:absolute !important}.xl\:relative{position:relative !important}.xl\:sticky{position:sticky !important}}.top-auto{top:auto !important}.top-0{top:0px !important}.top-50{top:50% !important}.top-100{top:100% !important}@media screen and (min-width: 576px){.sm\:top-auto{top:auto !important}.sm\:top-0{top:0px !important}.sm\:top-50{top:50% !important}.sm\:top-100{top:100% !important}}@media screen and (min-width: 768px){.md\:top-auto{top:auto !important}.md\:top-0{top:0px !important}.md\:top-50{top:50% !important}.md\:top-100{top:100% !important}}@media screen and (min-width: 992px){.lg\:top-auto{top:auto !important}.lg\:top-0{top:0px !important}.lg\:top-50{top:50% !important}.lg\:top-100{top:100% !important}}@media screen and (min-width: 1200px){.xl\:top-auto{top:auto !important}.xl\:top-0{top:0px !important}.xl\:top-50{top:50% !important}.xl\:top-100{top:100% !important}}.left-auto{left:auto !important}.left-0{left:0px !important}.left-50{left:50% !important}.left-100{left:100% !important}@media screen and (min-width: 576px){.sm\:left-auto{left:auto !important}.sm\:left-0{left:0px !important}.sm\:left-50{left:50% !important}.sm\:left-100{left:100% !important}}@media screen and (min-width: 768px){.md\:left-auto{left:auto !important}.md\:left-0{left:0px !important}.md\:left-50{left:50% !important}.md\:left-100{left:100% !important}}@media screen and (min-width: 992px){.lg\:left-auto{left:auto !important}.lg\:left-0{left:0px !important}.lg\:left-50{left:50% !important}.lg\:left-100{left:100% !important}}@media screen and (min-width: 1200px){.xl\:left-auto{left:auto !important}.xl\:left-0{left:0px !important}.xl\:left-50{left:50% !important}.xl\:left-100{left:100% !important}}.right-auto{right:auto !important}.right-0{right:0px !important}.right-50{right:50% !important}.right-100{right:100% !important}@media screen and (min-width: 576px){.sm\:right-auto{right:auto !important}.sm\:right-0{right:0px !important}.sm\:right-50{right:50% !important}.sm\:right-100{right:100% !important}}@media screen and (min-width: 768px){.md\:right-auto{right:auto !important}.md\:right-0{right:0px !important}.md\:right-50{right:50% !important}.md\:right-100{right:100% !important}}@media screen and (min-width: 992px){.lg\:right-auto{right:auto !important}.lg\:right-0{right:0px !important}.lg\:right-50{right:50% !important}.lg\:right-100{right:100% !important}}@media screen and (min-width: 1200px){.xl\:right-auto{right:auto !important}.xl\:right-0{right:0px !important}.xl\:right-50{right:50% !important}.xl\:right-100{right:100% !important}}.bottom-auto{bottom:auto !important}.bottom-0{bottom:0px !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}@media screen and (min-width: 576px){.sm\:bottom-auto{bottom:auto !important}.sm\:bottom-0{bottom:0px !important}.sm\:bottom-50{bottom:50% !important}.sm\:bottom-100{bottom:100% !important}}@media screen and (min-width: 768px){.md\:bottom-auto{bottom:auto !important}.md\:bottom-0{bottom:0px !important}.md\:bottom-50{bottom:50% !important}.md\:bottom-100{bottom:100% !important}}@media screen and (min-width: 992px){.lg\:bottom-auto{bottom:auto !important}.lg\:bottom-0{bottom:0px !important}.lg\:bottom-50{bottom:50% !important}.lg\:bottom-100{bottom:100% !important}}@media screen and (min-width: 1200px){.xl\:bottom-auto{bottom:auto !important}.xl\:bottom-0{bottom:0px !important}.xl\:bottom-50{bottom:50% !important}.xl\:bottom-100{bottom:100% !important}}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-auto{overflow:auto !important}.sm\:overflow-hidden{overflow:hidden !important}.sm\:overflow-visible{overflow:visible !important}.sm\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-auto{overflow:auto !important}.md\:overflow-hidden{overflow:hidden !important}.md\:overflow-visible{overflow:visible !important}.md\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-auto{overflow:auto !important}.lg\:overflow-hidden{overflow:hidden !important}.lg\:overflow-visible{overflow:visible !important}.lg\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-auto{overflow:auto !important}.xl\:overflow-hidden{overflow:hidden !important}.xl\:overflow-visible{overflow:visible !important}.xl\:overflow-scroll{overflow:scroll !important}}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-x-auto{overflow-x:auto !important}.sm\:overflow-x-hidden{overflow-x:hidden !important}.sm\:overflow-x-visible{overflow-x:visible !important}.sm\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-x-auto{overflow-x:auto !important}.md\:overflow-x-hidden{overflow-x:hidden !important}.md\:overflow-x-visible{overflow-x:visible !important}.md\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-x-auto{overflow-x:auto !important}.lg\:overflow-x-hidden{overflow-x:hidden !important}.lg\:overflow-x-visible{overflow-x:visible !important}.lg\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-x-auto{overflow-x:auto !important}.xl\:overflow-x-hidden{overflow-x:hidden !important}.xl\:overflow-x-visible{overflow-x:visible !important}.xl\:overflow-x-scroll{overflow-x:scroll !important}}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-y-auto{overflow-y:auto !important}.sm\:overflow-y-hidden{overflow-y:hidden !important}.sm\:overflow-y-visible{overflow-y:visible !important}.sm\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-y-auto{overflow-y:auto !important}.md\:overflow-y-hidden{overflow-y:hidden !important}.md\:overflow-y-visible{overflow-y:visible !important}.md\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-y-auto{overflow-y:auto !important}.lg\:overflow-y-hidden{overflow-y:hidden !important}.lg\:overflow-y-visible{overflow-y:visible !important}.lg\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-y-auto{overflow-y:auto !important}.xl\:overflow-y-hidden{overflow-y:hidden !important}.xl\:overflow-y-visible{overflow-y:visible !important}.xl\:overflow-y-scroll{overflow-y:scroll !important}}.z-auto{z-index:auto !important}.z-0{z-index:0 !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}.z-4{z-index:4 !important}.z-5{z-index:5 !important}@media screen and (min-width: 576px){.sm\:z-auto{z-index:auto !important}.sm\:z-0{z-index:0 !important}.sm\:z-1{z-index:1 !important}.sm\:z-2{z-index:2 !important}.sm\:z-3{z-index:3 !important}.sm\:z-4{z-index:4 !important}.sm\:z-5{z-index:5 !important}}@media screen and (min-width: 768px){.md\:z-auto{z-index:auto !important}.md\:z-0{z-index:0 !important}.md\:z-1{z-index:1 !important}.md\:z-2{z-index:2 !important}.md\:z-3{z-index:3 !important}.md\:z-4{z-index:4 !important}.md\:z-5{z-index:5 !important}}@media screen and (min-width: 992px){.lg\:z-auto{z-index:auto !important}.lg\:z-0{z-index:0 !important}.lg\:z-1{z-index:1 !important}.lg\:z-2{z-index:2 !important}.lg\:z-3{z-index:3 !important}.lg\:z-4{z-index:4 !important}.lg\:z-5{z-index:5 !important}}@media screen and (min-width: 1200px){.xl\:z-auto{z-index:auto !important}.xl\:z-0{z-index:0 !important}.xl\:z-1{z-index:1 !important}.xl\:z-2{z-index:2 !important}.xl\:z-3{z-index:3 !important}.xl\:z-4{z-index:4 !important}.xl\:z-5{z-index:5 !important}}.bg-repeat{background-repeat:repeat !important}.bg-no-repeat{background-repeat:no-repeat !important}.bg-repeat-x{background-repeat:repeat-x !important}.bg-repeat-y{background-repeat:repeat-y !important}.bg-repeat-round{background-repeat:round !important}.bg-repeat-space{background-repeat:space !important}@media screen and (min-width: 576px){.sm\:bg-repeat{background-repeat:repeat !important}.sm\:bg-no-repeat{background-repeat:no-repeat !important}.sm\:bg-repeat-x{background-repeat:repeat-x !important}.sm\:bg-repeat-y{background-repeat:repeat-y !important}.sm\:bg-repeat-round{background-repeat:round !important}.sm\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 768px){.md\:bg-repeat{background-repeat:repeat !important}.md\:bg-no-repeat{background-repeat:no-repeat !important}.md\:bg-repeat-x{background-repeat:repeat-x !important}.md\:bg-repeat-y{background-repeat:repeat-y !important}.md\:bg-repeat-round{background-repeat:round !important}.md\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 992px){.lg\:bg-repeat{background-repeat:repeat !important}.lg\:bg-no-repeat{background-repeat:no-repeat !important}.lg\:bg-repeat-x{background-repeat:repeat-x !important}.lg\:bg-repeat-y{background-repeat:repeat-y !important}.lg\:bg-repeat-round{background-repeat:round !important}.lg\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 1200px){.xl\:bg-repeat{background-repeat:repeat !important}.xl\:bg-no-repeat{background-repeat:no-repeat !important}.xl\:bg-repeat-x{background-repeat:repeat-x !important}.xl\:bg-repeat-y{background-repeat:repeat-y !important}.xl\:bg-repeat-round{background-repeat:round !important}.xl\:bg-repeat-space{background-repeat:space !important}}.bg-auto{background-size:auto !important}.bg-cover{background-size:cover !important}.bg-contain{background-size:contain !important}@media screen and (min-width: 576px){.sm\:bg-auto{background-size:auto !important}.sm\:bg-cover{background-size:cover !important}.sm\:bg-contain{background-size:contain !important}}@media screen and (min-width: 768px){.md\:bg-auto{background-size:auto !important}.md\:bg-cover{background-size:cover !important}.md\:bg-contain{background-size:contain !important}}@media screen and (min-width: 992px){.lg\:bg-auto{background-size:auto !important}.lg\:bg-cover{background-size:cover !important}.lg\:bg-contain{background-size:contain !important}}@media screen and (min-width: 1200px){.xl\:bg-auto{background-size:auto !important}.xl\:bg-cover{background-size:cover !important}.xl\:bg-contain{background-size:contain !important}}.bg-bottom{background-position:bottom !important}.bg-center{background-position:center !important}.bg-left{background-position:left !important}.bg-left-bottom{background-position:left bottom !important}.bg-left-top{background-position:left top !important}.bg-right{background-position:right !important}.bg-right-bottom{background-position:right bottom !important}.bg-right-top{background-position:right top !important}.bg-top{background-position:top !important}@media screen and (min-width: 576px){.sm\:bg-bottom{background-position:bottom !important}.sm\:bg-center{background-position:center !important}.sm\:bg-left{background-position:left !important}.sm\:bg-left-bottom{background-position:left bottom !important}.sm\:bg-left-top{background-position:left top !important}.sm\:bg-right{background-position:right !important}.sm\:bg-right-bottom{background-position:right bottom !important}.sm\:bg-right-top{background-position:right top !important}.sm\:bg-top{background-position:top !important}}@media screen and (min-width: 768px){.md\:bg-bottom{background-position:bottom !important}.md\:bg-center{background-position:center !important}.md\:bg-left{background-position:left !important}.md\:bg-left-bottom{background-position:left bottom !important}.md\:bg-left-top{background-position:left top !important}.md\:bg-right{background-position:right !important}.md\:bg-right-bottom{background-position:right bottom !important}.md\:bg-right-top{background-position:right top !important}.md\:bg-top{background-position:top !important}}@media screen and (min-width: 992px){.lg\:bg-bottom{background-position:bottom !important}.lg\:bg-center{background-position:center !important}.lg\:bg-left{background-position:left !important}.lg\:bg-left-bottom{background-position:left bottom !important}.lg\:bg-left-top{background-position:left top !important}.lg\:bg-right{background-position:right !important}.lg\:bg-right-bottom{background-position:right bottom !important}.lg\:bg-right-top{background-position:right top !important}.lg\:bg-top{background-position:top !important}}@media screen and (min-width: 1200px){.xl\:bg-bottom{background-position:bottom !important}.xl\:bg-center{background-position:center !important}.xl\:bg-left{background-position:left !important}.xl\:bg-left-bottom{background-position:left bottom !important}.xl\:bg-left-top{background-position:left top !important}.xl\:bg-right{background-position:right !important}.xl\:bg-right-bottom{background-position:right bottom !important}.xl\:bg-right-top{background-position:right top !important}.xl\:bg-top{background-position:top !important}}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.list-none{list-style:none !important}.list-disc{list-style:disc !important}.list-decimal{list-style:decimal !important}.appearance-none{appearance:none !important}.outline-none{outline:none !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.cursor-auto{cursor:auto !important}.cursor-pointer{cursor:pointer !important}.cursor-wait{cursor:wait !important}.cursor-move{cursor:move !important}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.opacity-0{opacity:0 !important}.opacity-10{opacity:.1 !important}.opacity-20{opacity:.2 !important}.opacity-30{opacity:.3 !important}.opacity-40{opacity:.4 !important}.opacity-50{opacity:.5 !important}.opacity-60{opacity:.6 !important}.opacity-70{opacity:.7 !important}.opacity-80{opacity:.8 !important}.opacity-90{opacity:.9 !important}.opacity-100{opacity:1 !important}.transition-none{transition-property:none !important}.transition-all{transition-property:all !important}.transition-colors{transition-property:background-color,border-color,color !important}.transition-transform{transition-property:transform !important}.transition-duration-100{transition-duration:100ms !important}.transition-duration-150{transition-duration:150ms !important}.transition-duration-200{transition-duration:200ms !important}.transition-duration-300{transition-duration:300ms !important}.transition-duration-400{transition-duration:400ms !important}.transition-duration-500{transition-duration:500ms !important}.transition-duration-1000{transition-duration:1000ms !important}.transition-duration-2000{transition-duration:2000ms !important}.transition-duration-3000{transition-duration:3000ms !important}.transition-linear{transition-timing-function:linear !important}.transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.transition-ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.transition-ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.transition-delay-100{transition-delay:100ms !important}.transition-delay-150{transition-delay:150ms !important}.transition-delay-200{transition-delay:200ms !important}.transition-delay-300{transition-delay:300ms !important}.transition-delay-400{transition-delay:400ms !important}.transition-delay-500{transition-delay:500ms !important}.transition-delay-1000{transition-delay:1000ms !important}.translate-x-0{transform:translateX(0%) !important}.translate-x-100{transform:translateX(100%) !important}.-translate-x-100{transform:translateX(-100%) !important}.translate-y-0{transform:translateY(0%) !important}.translate-y-100{transform:translateY(100%) !important}.-translate-y-100{transform:translateY(-100%) !important}@media screen and (min-width: 576px){.sm\:translate-x-0{transform:translateX(0%) !important}.sm\:translate-x-100{transform:translateX(100%) !important}.sm\:-translate-x-100{transform:translateX(-100%) !important}.sm\:translate-y-0{transform:translateY(0%) !important}.sm\:translate-y-100{transform:translateY(100%) !important}.sm\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 768px){.md\:translate-x-0{transform:translateX(0%) !important}.md\:translate-x-100{transform:translateX(100%) !important}.md\:-translate-x-100{transform:translateX(-100%) !important}.md\:translate-y-0{transform:translateY(0%) !important}.md\:translate-y-100{transform:translateY(100%) !important}.md\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 992px){.lg\:translate-x-0{transform:translateX(0%) !important}.lg\:translate-x-100{transform:translateX(100%) !important}.lg\:-translate-x-100{transform:translateX(-100%) !important}.lg\:translate-y-0{transform:translateY(0%) !important}.lg\:translate-y-100{transform:translateY(100%) !important}.lg\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 1200px){.xl\:translate-x-0{transform:translateX(0%) !important}.xl\:translate-x-100{transform:translateX(100%) !important}.xl\:-translate-x-100{transform:translateX(-100%) !important}.xl\:translate-y-0{transform:translateY(0%) !important}.xl\:translate-y-100{transform:translateY(100%) !important}.xl\:-translate-y-100{transform:translateY(-100%) !important}}.rotate-45{transform:rotate(45deg) !important}.-rotate-45{transform:rotate(-45deg) !important}.rotate-90{transform:rotate(90deg) !important}.-rotate-90{transform:rotate(-90deg) !important}.rotate-180{transform:rotate(180deg) !important}.-rotate-180{transform:rotate(-180deg) !important}@media screen and (min-width: 576px){.sm\:rotate-45{transform:rotate(45deg) !important}.sm\:-rotate-45{transform:rotate(-45deg) !important}.sm\:rotate-90{transform:rotate(90deg) !important}.sm\:-rotate-90{transform:rotate(-90deg) !important}.sm\:rotate-180{transform:rotate(180deg) !important}.sm\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 768px){.md\:rotate-45{transform:rotate(45deg) !important}.md\:-rotate-45{transform:rotate(-45deg) !important}.md\:rotate-90{transform:rotate(90deg) !important}.md\:-rotate-90{transform:rotate(-90deg) !important}.md\:rotate-180{transform:rotate(180deg) !important}.md\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 992px){.lg\:rotate-45{transform:rotate(45deg) !important}.lg\:-rotate-45{transform:rotate(-45deg) !important}.lg\:rotate-90{transform:rotate(90deg) !important}.lg\:-rotate-90{transform:rotate(-90deg) !important}.lg\:rotate-180{transform:rotate(180deg) !important}.lg\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 1200px){.xl\:rotate-45{transform:rotate(45deg) !important}.xl\:-rotate-45{transform:rotate(-45deg) !important}.xl\:rotate-90{transform:rotate(90deg) !important}.xl\:-rotate-90{transform:rotate(-90deg) !important}.xl\:rotate-180{transform:rotate(180deg) !important}.xl\:-rotate-180{transform:rotate(-180deg) !important}}.origin-center{transform-origin:center !important}.origin-top{transform-origin:top !important}.origin-top-right{transform-origin:top right !important}.origin-right{transform-origin:right !important}.origin-bottom-right{transform-origin:bottom right !important}.origin-bottom{transform-origin:bottom !important}.origin-bottom-left{transform-origin:bottom left !important}.origin-left{transform-origin:left !important}.origin-top-left{transform-origin:top-left !important}@media screen and (min-width: 576px){.sm\:origin-center{transform-origin:center !important}.sm\:origin-top{transform-origin:top !important}.sm\:origin-top-right{transform-origin:top right !important}.sm\:origin-right{transform-origin:right !important}.sm\:origin-bottom-right{transform-origin:bottom right !important}.sm\:origin-bottom{transform-origin:bottom !important}.sm\:origin-bottom-left{transform-origin:bottom left !important}.sm\:origin-left{transform-origin:left !important}.sm\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 768px){.md\:origin-center{transform-origin:center !important}.md\:origin-top{transform-origin:top !important}.md\:origin-top-right{transform-origin:top right !important}.md\:origin-right{transform-origin:right !important}.md\:origin-bottom-right{transform-origin:bottom right !important}.md\:origin-bottom{transform-origin:bottom !important}.md\:origin-bottom-left{transform-origin:bottom left !important}.md\:origin-left{transform-origin:left !important}.md\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 992px){.lg\:origin-center{transform-origin:center !important}.lg\:origin-top{transform-origin:top !important}.lg\:origin-top-right{transform-origin:top right !important}.lg\:origin-right{transform-origin:right !important}.lg\:origin-bottom-right{transform-origin:bottom right !important}.lg\:origin-bottom{transform-origin:bottom !important}.lg\:origin-bottom-left{transform-origin:bottom left !important}.lg\:origin-left{transform-origin:left !important}.lg\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 1200px){.xl\:origin-center{transform-origin:center !important}.xl\:origin-top{transform-origin:top !important}.xl\:origin-top-right{transform-origin:top right !important}.xl\:origin-right{transform-origin:right !important}.xl\:origin-bottom-right{transform-origin:bottom right !important}.xl\:origin-bottom{transform-origin:bottom !important}.xl\:origin-bottom-left{transform-origin:bottom left !important}.xl\:origin-left{transform-origin:left !important}.xl\:origin-top-left{transform-origin:top-left !important}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes scalein{0%{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:scaleY(1)}}@keyframes slidedown{0%{max-height:0}100%{max-height:auto}}@keyframes slideup{0%{max-height:1000px}100%{max-height:0}}@keyframes fadeinleft{0%{opacity:0;transform:translateX(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutleft{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(-100%)}}@keyframes fadeinright{0%{opacity:0;transform:translateX(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutright{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(100%)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutup{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(-100%)}}@keyframes fadeindown{0%{opacity:0;transform:translateY(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutdown{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(100%)}}@keyframes animate-width{0%{width:0}100%{width:100%}}.fadein{animation:fadein .15s linear}.fadeout{animation:fadeout .15s linear}.slidedown{animation:slidedown .45s ease-in-out}.slideup{animation:slideup .45s cubic-bezier(0, 1, 0, 1)}.scalein{animation:scalein .15s linear}.fadeinleft{animation:fadeinleft .15s linear}.fadeoutleft{animation:fadeoutleft .15s linear}.fadeinright{animation:fadeinright .15s linear}.fadeoutright{animation:fadeoutright .15s linear}.fadeinup{animation:fadeinup .15s linear}.fadeoutup{animation:fadeoutup .15s linear}.fadeindown{animation:fadeindown .15s linear}.fadeoutdown{animation:fadeoutdown .15s linear}.animate-width{animation:animate-width 1000ms linear}.animation-duration-100{animation-duration:100ms !important}.animation-duration-150{animation-duration:150ms !important}.animation-duration-200{animation-duration:200ms !important}.animation-duration-300{animation-duration:300ms !important}.animation-duration-400{animation-duration:400ms !important}.animation-duration-500{animation-duration:500ms !important}.animation-duration-1000{animation-duration:1000ms !important}.animation-duration-2000{animation-duration:2000ms !important}.animation-duration-3000{animation-duration:3000ms !important}.animation-delay-100{animation-delay:100ms !important}.animation-delay-150{animation-delay:150ms !important}.animation-delay-200{animation-delay:200ms !important}.animation-delay-300{animation-delay:300ms !important}.animation-delay-400{animation-delay:400ms !important}.animation-delay-500{animation-delay:500ms !important}.animation-delay-1000{animation-delay:1000ms !important}.animation-iteration-1{animation-iteration-count:1 !important}.animation-iteration-2{animation-iteration-count:2 !important}.animation-iteration-infinite{animation-iteration-count:infinite !important}.animation-linear{animation-timing-function:linear !important}.animation-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.animation-ease-out{animation-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.animation-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.animation-fill-none{animation-fill-mode:none !important}.animation-fill-forwards{animation-fill-mode:forwards !important}.animation-fill-backwards{animation-fill-mode:backwards !important}.animation-fill-both{animation-fill-mode:both !important} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/css/primeicons.css b/src/main/resources/META-INF/resources/resources/freya-layout/css/primeicons.css new file mode 100644 index 0000000..397a28e --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/css/primeicons.css @@ -0,0 +1,1017 @@ +@font-face { + font-family: 'primeicons'; + font-display: block; + src: url("#{resource['freya-layout:icons/primeicons.eot']}"); + src: url("#{resource['freya-layout:icons/primeicons.eot']}#iefix") format('embedded-opentype'), + url("#{resource['freya-layout:icons/primeicons.ttf']}") format('truetype'), + url("#{resource['freya-layout:icons/primeicons.woff']}") format('woff'), + url("#{resource['freya-layout:icons/primeicons.svg']}#primeicons") format('svg'); + font-weight: normal; + font-style: normal; +} + +.pi { + font-family: 'primeicons'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.pi:before { + --webkit-backface-visibility:hidden; + backface-visibility: hidden; +} + +.pi-fw { + width: 1.28571429em; + text-align: center; +} + +.pi-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +.pi-sort-alt-slash:before { + content: "\e9ee"; +} + +.pi-arrows-h:before { + content: "\e9ec"; +} + +.pi-arrows-v:before { + content: "\e9ed"; +} + +.pi-pound:before { + content: "\e9eb"; +} + +.pi-prime:before { + content: "\e9ea"; +} + +.pi-chart-pie:before { + content: "\e9e9"; +} + +.pi-reddit:before { + content: "\e9e8"; +} + +.pi-code:before { + content: "\e9e7"; +} + +.pi-sync:before { + content: "\e9e6"; +} + +.pi-shopping-bag:before { + content: "\e9e5"; +} + +.pi-server:before { + content: "\e9e4"; +} + +.pi-database:before { + content: "\e9e3"; +} + +.pi-hashtag:before { + content: "\e9e2"; +} + +.pi-bookmark-fill:before { + content: "\e9df"; +} + +.pi-filter-fill:before { + content: "\e9e0"; +} + +.pi-heart-fill:before { + content: "\e9e1"; +} + +.pi-flag-fill:before { + content: "\e9de"; +} + +.pi-circle:before { + content: "\e9dc"; +} + +.pi-circle-fill:before { + content: "\e9dd"; +} + +.pi-bolt:before { + content: "\e9db"; +} + +.pi-history:before { + content: "\e9da"; +} + +.pi-box:before { + content: "\e9d9"; +} + +.pi-at:before { + content: "\e9d8"; +} + +.pi-arrow-up-right:before { + content: "\e9d4"; +} + +.pi-arrow-up-left:before { + content: "\e9d5"; +} + +.pi-arrow-down-left:before { + content: "\e9d6"; +} + +.pi-arrow-down-right:before { + content: "\e9d7"; +} + +.pi-telegram:before { + content: "\e9d3"; +} + +.pi-stop-circle:before { + content: "\e9d2"; +} + +.pi-stop:before { + content: "\e9d1"; +} + +.pi-whatsapp:before { + content: "\e9d0"; +} + +.pi-building:before { + content: "\e9cf"; +} + +.pi-qrcode:before { + content: "\e9ce"; +} + +.pi-car:before { + content: "\e9cd"; +} + +.pi-instagram:before { + content: "\e9cc"; +} + +.pi-linkedin:before { + content: "\e9cb"; +} + +.pi-send:before { + content: "\e9ca"; +} + +.pi-slack:before { + content: "\e9c9"; +} + +.pi-sun:before { + content: "\e9c8"; +} + +.pi-moon:before { + content: "\e9c7"; +} + +.pi-vimeo:before { + content: "\e9c6"; +} + +.pi-youtube:before { + content: "\e9c5"; +} + +.pi-flag:before { + content: "\e9c4"; +} + +.pi-wallet:before { + content: "\e9c3"; +} + +.pi-map:before { + content: "\e9c2"; +} + +.pi-link:before { + content: "\e9c1"; +} + +.pi-credit-card:before { + content: "\e9bf"; +} + +.pi-discord:before { + content: "\e9c0"; +} + +.pi-percentage:before { + content: "\e9be"; +} + +.pi-euro:before { + content: "\e9bd"; +} + +.pi-book:before { + content: "\e9ba"; +} + +.pi-shield:before { + content: "\e9b9"; +} + +.pi-paypal:before { + content: "\e9bb"; +} + +.pi-amazon:before { + content: "\e9bc"; +} + +.pi-phone:before { + content: "\e9b8"; +} + +.pi-filter-slash:before { + content: "\e9b7"; +} + +.pi-facebook:before { + content: "\e9b4"; +} + +.pi-github:before { + content: "\e9b5"; +} + +.pi-twitter:before { + content: "\e9b6"; +} + +.pi-step-backward-alt:before { + content: "\e9ac"; +} + +.pi-step-forward-alt:before { + content: "\e9ad"; +} + +.pi-forward:before { + content: "\e9ae"; +} + +.pi-backward:before { + content: "\e9af"; +} + +.pi-fast-backward:before { + content: "\e9b0"; +} + +.pi-fast-forward:before { + content: "\e9b1"; +} + +.pi-pause:before { + content: "\e9b2"; +} + +.pi-play:before { + content: "\e9b3"; +} + +.pi-compass:before { + content: "\e9ab"; +} + +.pi-id-card:before { + content: "\e9aa"; +} + +.pi-ticket:before { + content: "\e9a9"; +} + +.pi-file-o:before { + content: "\e9a8"; +} + +.pi-reply:before { + content: "\e9a7"; +} + +.pi-directions-alt:before { + content: "\e9a5"; +} + +.pi-directions:before { + content: "\e9a6"; +} + +.pi-thumbs-up:before { + content: "\e9a3"; +} + +.pi-thumbs-down:before { + content: "\e9a4"; +} + +.pi-sort-numeric-down-alt:before { + content: "\e996"; +} + +.pi-sort-numeric-up-alt:before { + content: "\e997"; +} + +.pi-sort-alpha-down-alt:before { + content: "\e998"; +} + +.pi-sort-alpha-up-alt:before { + content: "\e999"; +} + +.pi-sort-numeric-down:before { + content: "\e99a"; +} + +.pi-sort-numeric-up:before { + content: "\e99b"; +} + +.pi-sort-alpha-down:before { + content: "\e99c"; +} + +.pi-sort-alpha-up:before { + content: "\e99d"; +} + +.pi-sort-alt:before { + content: "\e99e"; +} + +.pi-sort-amount-up:before { + content: "\e99f"; +} + +.pi-sort-amount-down:before { + content: "\e9a0"; +} + +.pi-sort-amount-down-alt:before { + content: "\e9a1"; +} + +.pi-sort-amount-up-alt:before { + content: "\e9a2"; +} + +.pi-palette:before { + content: "\e995"; +} + +.pi-undo:before { + content: "\e994"; +} + +.pi-desktop:before { + content: "\e993"; +} + +.pi-sliders-v:before { + content: "\e991"; +} + +.pi-sliders-h:before { + content: "\e992"; +} + +.pi-search-plus:before { + content: "\e98f"; +} + +.pi-search-minus:before { + content: "\e990"; +} + +.pi-file-excel:before { + content: "\e98e"; +} + +.pi-file-pdf:before { + content: "\e98d"; +} + +.pi-check-square:before { + content: "\e98c"; +} + +.pi-chart-line:before { + content: "\e98b"; +} + +.pi-user-edit:before { + content: "\e98a"; +} + +.pi-exclamation-circle:before { + content: "\e989"; +} + +.pi-android:before { + content: "\e985"; +} + +.pi-google:before { + content: "\e986"; +} + +.pi-apple:before { + content: "\e987"; +} + +.pi-microsoft:before { + content: "\e988"; +} + +.pi-heart:before { + content: "\e984"; +} + +.pi-mobile:before { + content: "\e982"; +} + +.pi-tablet:before { + content: "\e983"; +} + +.pi-key:before { + content: "\e981"; +} + +.pi-shopping-cart:before { + content: "\e980"; +} + +.pi-comments:before { + content: "\e97e"; +} + +.pi-comment:before { + content: "\e97f"; +} + +.pi-briefcase:before { + content: "\e97d"; +} + +.pi-bell:before { + content: "\e97c"; +} + +.pi-paperclip:before { + content: "\e97b"; +} + +.pi-share-alt:before { + content: "\e97a"; +} + +.pi-envelope:before { + content: "\e979"; +} + +.pi-volume-down:before { + content: "\e976"; +} + +.pi-volume-up:before { + content: "\e977"; +} + +.pi-volume-off:before { + content: "\e978"; +} + +.pi-eject:before { + content: "\e975"; +} + +.pi-money-bill:before { + content: "\e974"; +} + +.pi-images:before { + content: "\e973"; +} + +.pi-image:before { + content: "\e972"; +} + +.pi-sign-in:before { + content: "\e970"; +} + +.pi-sign-out:before { + content: "\e971"; +} + +.pi-wifi:before { + content: "\e96f"; +} + +.pi-sitemap:before { + content: "\e96e"; +} + +.pi-chart-bar:before { + content: "\e96d"; +} + +.pi-camera:before { + content: "\e96c"; +} + +.pi-dollar:before { + content: "\e96b"; +} + +.pi-lock-open:before { + content: "\e96a"; +} + +.pi-table:before { + content: "\e969"; +} + +.pi-map-marker:before { + content: "\e968"; +} + +.pi-list:before { + content: "\e967"; +} + +.pi-eye-slash:before { + content: "\e965"; +} + +.pi-eye:before { + content: "\e966"; +} + +.pi-folder-open:before { + content: "\e964"; +} + +.pi-folder:before { + content: "\e963"; +} + +.pi-video:before { + content: "\e962"; +} + +.pi-inbox:before { + content: "\e961"; +} + +.pi-lock:before { + content: "\e95f"; +} + +.pi-unlock:before { + content: "\e960"; +} + +.pi-tags:before { + content: "\e95d"; +} + +.pi-tag:before { + content: "\e95e"; +} + +.pi-power-off:before { + content: "\e95c"; +} + +.pi-save:before { + content: "\e95b"; +} + +.pi-question-circle:before { + content: "\e959"; +} + +.pi-question:before { + content: "\e95a"; +} + +.pi-copy:before { + content: "\e957"; +} + +.pi-file:before { + content: "\e958"; +} + +.pi-clone:before { + content: "\e955"; +} + +.pi-calendar-times:before { + content: "\e952"; +} + +.pi-calendar-minus:before { + content: "\e953"; +} + +.pi-calendar-plus:before { + content: "\e954"; +} + +.pi-ellipsis-v:before { + content: "\e950"; +} + +.pi-ellipsis-h:before { + content: "\e951"; +} + +.pi-bookmark:before { + content: "\e94e"; +} + +.pi-globe:before { + content: "\e94f"; +} + +.pi-replay:before { + content: "\e94d"; +} + +.pi-filter:before { + content: "\e94c"; +} + +.pi-print:before { + content: "\e94b"; +} + +.pi-align-right:before { + content: "\e946"; +} + +.pi-align-left:before { + content: "\e947"; +} + +.pi-align-center:before { + content: "\e948"; +} + +.pi-align-justify:before { + content: "\e949"; +} + +.pi-cog:before { + content: "\e94a"; +} + +.pi-cloud-download:before { + content: "\e943"; +} + +.pi-cloud-upload:before { + content: "\e944"; +} + +.pi-cloud:before { + content: "\e945"; +} + +.pi-pencil:before { + content: "\e942"; +} + +.pi-users:before { + content: "\e941"; +} + +.pi-clock:before { + content: "\e940"; +} + +.pi-user-minus:before { + content: "\e93e"; +} + +.pi-user-plus:before { + content: "\e93f"; +} + +.pi-trash:before { + content: "\e93d"; +} + +.pi-external-link:before { + content: "\e93c"; +} + +.pi-window-maximize:before { + content: "\e93b"; +} + +.pi-window-minimize:before { + content: "\e93a"; +} + +.pi-refresh:before { + content: "\e938"; +} + +.pi-user:before { + content: "\e939"; +} + +.pi-exclamation-triangle:before { + content: "\e922"; +} + +.pi-calendar:before { + content: "\e927"; +} + +.pi-chevron-circle-left:before { + content: "\e928"; +} + +.pi-chevron-circle-down:before { + content: "\e929"; +} + +.pi-chevron-circle-right:before { + content: "\e92a"; +} + +.pi-chevron-circle-up:before { + content: "\e92b"; +} + +.pi-angle-double-down:before { + content: "\e92c"; +} + +.pi-angle-double-left:before { + content: "\e92d"; +} + +.pi-angle-double-right:before { + content: "\e92e"; +} + +.pi-angle-double-up:before { + content: "\e92f"; +} + +.pi-angle-down:before { + content: "\e930"; +} + +.pi-angle-left:before { + content: "\e931"; +} + +.pi-angle-right:before { + content: "\e932"; +} + +.pi-angle-up:before { + content: "\e933"; +} + +.pi-upload:before { + content: "\e934"; +} + +.pi-download:before { + content: "\e956"; +} + +.pi-ban:before { + content: "\e935"; +} + +.pi-star-fill:before { + content: "\e936"; +} + +.pi-star:before { + content: "\e937"; +} + +.pi-chevron-left:before { + content: "\e900"; +} + +.pi-chevron-right:before { + content: "\e901"; +} + +.pi-chevron-down:before { + content: "\e902"; +} + +.pi-chevron-up:before { + content: "\e903"; +} + +.pi-caret-left:before { + content: "\e904"; +} + +.pi-caret-right:before { + content: "\e905"; +} + +.pi-caret-down:before { + content: "\e906"; +} + +.pi-caret-up:before { + content: "\e907"; +} + +.pi-search:before { + content: "\e908"; +} + +.pi-check:before { + content: "\e909"; +} + +.pi-check-circle:before { + content: "\e90a"; +} + +.pi-times:before { + content: "\e90b"; +} + +.pi-times-circle:before { + content: "\e90c"; +} + +.pi-plus:before { + content: "\e90d"; +} + +.pi-plus-circle:before { + content: "\e90e"; +} + +.pi-minus:before { + content: "\e90f"; +} + +.pi-minus-circle:before { + content: "\e910"; +} + +.pi-circle-on:before { + content: "\e911"; +} + +.pi-circle-off:before { + content: "\e912"; +} + +.pi-sort-down:before { + content: "\e913"; +} + +.pi-sort-up:before { + content: "\e914"; +} + +.pi-sort:before { + content: "\e915"; +} + +.pi-step-backward:before { + content: "\e916"; +} + +.pi-step-forward:before { + content: "\e917"; +} + +.pi-th-large:before { + content: "\e918"; +} + +.pi-arrow-down:before { + content: "\e919"; +} + +.pi-arrow-left:before { + content: "\e91a"; +} + +.pi-arrow-right:before { + content: "\e91b"; +} + +.pi-arrow-up:before { + content: "\e91c"; +} + +.pi-bars:before { + content: "\e91d"; +} + +.pi-arrow-circle-down:before { + content: "\e91e"; +} + +.pi-arrow-circle-left:before { + content: "\e91f"; +} + +.pi-arrow-circle-right:before { + content: "\e920"; +} + +.pi-arrow-circle-up:before { + content: "\e921"; +} + +.pi-info:before { + content: "\e923"; +} + +.pi-info-circle:before { + content: "\e924"; +} + +.pi-home:before { + content: "\e925"; +} + +.pi-spinner:before { + content: "\e926"; +} diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.eot b/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.eot new file mode 100644 index 0000000..24df115 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.eot differ diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.svg b/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.svg new file mode 100644 index 0000000..c4e81e7 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.svg @@ -0,0 +1,270 @@ + + + + + + +{ + "fontFamily": "primeicons", + "majorVersion": 1, + "minorVersion": 0, + "copyright": "PrimeTek Informatics", + "designer": "", + "description": "Icon Library for Prime UI Libraries\nFont generated by IcoMoon.", + "fontURL": "https://github.com/primefaces/primeicons", + "license": "MIT", + "licenseURL": "https://opensource.org/licenses/MIT", + "version": "Version 1.0", + "fontId": "primeicons", + "psName": "primeicons", + "subFamily": "Regular", + "fullName": "primeicons" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.ttf b/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.ttf new file mode 100644 index 0000000..f428079 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.ttf differ diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.woff b/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.woff new file mode 100644 index 0000000..3d976cf Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/freya-layout/icons/primeicons.woff differ diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/avatar-profilemenu.png b/src/main/resources/META-INF/resources/resources/freya-layout/images/avatar-profilemenu.png new file mode 100644 index 0000000..3dc5771 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/freya-layout/images/avatar-profilemenu.png differ diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/favicon.ico b/src/main/resources/META-INF/resources/resources/freya-layout/images/favicon.ico new file mode 100644 index 0000000..f1a546f Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/freya-layout/images/favicon.ico differ diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-single.svg b/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-single.svg new file mode 100644 index 0000000..025c4dd --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-single.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-white.svg b/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-white.svg new file mode 100644 index 0000000..d5be8c1 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya-white.svg @@ -0,0 +1,14 @@ + + + logo-freya-white + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya.svg b/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya.svg new file mode 100644 index 0000000..9813483 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/images/logo-freya.svg @@ -0,0 +1,40 @@ + + + logo-freya + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-404.svg b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-404.svg new file mode 100644 index 0000000..3feeed6 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-404.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-access.svg b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-access.svg new file mode 100644 index 0000000..e1dfca1 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-access.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-error.svg b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-error.svg new file mode 100644 index 0000000..673f0f6 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-error.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-landing-header.jpg b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-landing-header.jpg new file mode 100644 index 0000000..bd7808a Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/asset-landing-header.jpg differ diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/search.png b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/search.png new file mode 100644 index 0000000..d4cf601 Binary files /dev/null and b/src/main/resources/META-INF/resources/resources/freya-layout/images/pages/search.png differ diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/js/layout.js b/src/main/resources/META-INF/resources/resources/freya-layout/js/layout.js new file mode 100644 index 0000000..b7c812e --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/js/layout.js @@ -0,0 +1,879 @@ +/** + * PrimeFaces Freya Layout + */ +PrimeFaces.widget.Freya = PrimeFaces.widget.BaseWidget.extend({ + + init: function(cfg) { + this._super(cfg); + this.wrapper = $(document.body).children('.layout-wrapper'); + var $this = this; + + $(function() { + $this._init(); + }); + + this.restoreMenuState(); + this.expandedMenuitems = this.expandedMenuitems||[]; + }, + + _init: function() { + this.contentWrapper = this.wrapper.children('.layout-main'); + this.topbar = this.wrapper.find('.layout-topbar'); + this.topbarItems = this.topbar.find('.layout-topbar-actions > li.topbar-item'); + this.topbarLinks = this.topbarItems.children('a'); + this.topbarSearchItemMenu = this.topbar.find('.search-item'); + + this.menuWrapper = this.wrapper.find('.menu-wrapper'); + this.sidebarPin = this.menuWrapper.find('.sidebar-logo > .sidebar-pin'); + this.menu = this.menuWrapper.find('.layout-menu'); + this.menuButton = this.topbar.find('.menu-button'); + this.menulinks = this.menu.find('a'); + + this.rightpanel = this.wrapper.find('.layout-rightpanel'); + this.rightpanelButton = this.topbar.find('.layout-rightpanel-button'); + this.rightpanelExitButton = this.rightpanel.find('.rightpanel-exit-button'); + + this.configButton = $('#layout-config-button'); + this.configurator = this.wrapper.children('.layout-config'); + + this.bindEvents(); + }, + + toggleClass: function(el, className) { + if (el.hasClass(className)) { + el.removeClass(className); + } + else { + el.addClass(className); + } + }, + + bindEvents: function() { + var $this = this; + + this.bindTopbarEvents(); + this.bindMenuEvents(); + this.bindRightPanelEvents(); + this.bindConfigEvents(); + + $(document.body).off('click.layoutBody').on('click.layoutBody', function() { + if (!$this.menuClick) { + $this.wrapper.removeClass('layout-sidebar-active layout-mobile-active'); + $(document.body).removeClass('blocked-scroll'); + + if ($this.isHorizontal() || $this.isSlim()) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + $this.menu.find('ul:visible').hide(); + $this.menuActive = false; + } + } + + if (!$this.topbarItemClicked) { + $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem')); + } + + if (!$this.rightpanelClicked) { + $this.wrapper.removeClass('layout-rightpanel-active'); + } + + if (!$this.configClicked && $this.configurator.hasClass('layout-config-active')) { + $this.configurator.removeClass('layout-config-active'); + } + + $this.horizontalMenuClick = false; + $this.topbarItemClicked = false; + $this.rightpanelClicked = false; + $this.menuClick = false; + $this.configClicked = false; + }); + }, + + bindConfigEvents: function() { + var $this = this; + + this.configButton.off('click.configbutton').on('click.configbutton', function(e) { + $this.configurator.toggleClass('layout-config-active'); + $this.configClicked = true; + }); + + this.configurator.off('click.config').on('click.config', function() { + $this.configClicked = true; + }); + }, + + bindMenuEvents: function() { + var $this = this; + + this.menuButton.off('click.menu').on('click.menu', function(e) { + $this.menuClick = true; + + if ($this.isMobile()) { + if ($this.wrapper.hasClass('layout-mobile-active')) { + $this.wrapper.removeClass('layout-mobile-active'); + $(document.body).removeClass('blocked-scroll'); + } + else { + $this.wrapper.addClass('layout-mobile-active'); + $(document.body).addClass('blocked-scroll'); + } + } + + e.preventDefault(); + }); + + this.menuWrapper.off('click.menuWrapper mouseenter.menuWrapper mouseleave.menuWrapper') + .on('click.menuWrapper', function() { + $this.menuClick = true; + }) + .on('mouseenter.menuWrapper', function(e) { + if(!$this.wrapper.hasClass('layout-sidebar-static')) { + if($this.hideTimeout) { + clearTimeout($this.hideTimeout); + } + + $this.menuWrapper.addClass('layout-sidebar-active'); + } + if(!$this.wrapper.hasClass('layout-sidebar')) { + if($this.hideTimeout) { + clearTimeout($this.hideTimeout); + } + + $this.menuWrapper.removeClass('layout-sidebar-active'); + } + }) + .on('mouseleave.menuWrapper', function(e) { + if(!$this.wrapper.hasClass('layout-sidebar-static')) { + $this.hideTimeout = setTimeout(function() { + $this.menuWrapper.removeClass('layout-sidebar-active'); + }, $this.cfg.closeDelay); + } + }); + + this.sidebarPin.off('click.menuWrapper').on('click.menuWrapper', function(e) { + $this.wrapper.removeClass('layout-static-restore'); + $this.wrapper.toggleClass('layout-static'); + $this.saveMenuState(); + e.preventDefault(); + }); + + this.menulinks.off('click.menuWrapper').on('click.menuWrapper', function(e) { + var link = $(this), + item = link.parent(), + submenu = item.children('ul'); + horizontal = $this.isHorizontal(); + slim = $this.isSlim(); + $this.menuClick = true; + + if (horizontal) { + $this.horizontalMenuClick = true; + } + + if(item.hasClass('active-menuitem')) { + if(submenu.length) { + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + + if(horizontal || slim) { + if(item.parent().is($this.jq)) { + $this.menuActive = false; + } + + submenu.hide(); + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + } + else { + submenu.slideUp(function() { + $this.removeMenuitem(item.attr('id')); + item.removeClass('active-menuitem'); + }); + } + } + } + else { + $this.addMenuitem(item.attr('id')); + + if(horizontal || slim) { + $this.deactivateItems(item.siblings()); + item.addClass('active-menuitem'); + $this.menuActive = true; + submenu.show(); + } + else { + $this.deactivateItems(item.siblings(), true); + $this.activate(item); + } + } + + if(submenu.length) { + e.preventDefault(); + } + }); + + this.menu.find('> li').off('mouseenter.menu').on('mouseenter.menu', function(e) { + if ($this.isHorizontal() || $this.isSlim()) { + var item = $(this); + + if(!item.hasClass('active-menuitem')) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + $this.menu.find('ul:visible').hide(); + + if($this.menuActive) { + item.addClass('active-menuitem'); + item.children('ul').show(); + } + } + } + }); + }, + + bindTopbarEvents: function() { + var $this = this; + + this.topbarLinks.off('click.topbar').on('click.topbar', function(e) { + var link = $(this), + item = link.parent(), + submenu = item.children('ul'); + + if ($this.isMobile()) { + $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem').not(item)); + } + else { + $this.removeTopbarClassFromAllItems(item, 'active-topmenuitem'); + } + $this.addTopbarClass(item, 'active-topmenuitem'); + + $this.topbarItemClicked = true; + + if (submenu.length) { + e.preventDefault(); + } + }); + + this.topbarSearchItemMenu.off('click.topbar').on('click.topbar', function(e) { + $this.topbarItemClicked = true; + }); + }, + + bindRightPanelEvents: function() { + var $this = this; + var changeRightpanelState = function(e) { + this.toggleClass(this.wrapper, 'layout-rightpanel-active'); + + this.rightpanelClicked = true; + e.preventDefault(); + }; + + this.rightpanelButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); + this.rightpanelExitButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); + + this.rightpanel.off('click.rightpanel').on('click.rightpanel', function() { + $this.rightpanelClicked = true; + }); + }, + + activate: function(item) { + var submenu = item.children('ul'); + item.addClass('active-menuitem'); + + if(submenu.length) { + submenu.slideDown(); + } + }, + + deactivate: function(item) { + var submenu = item.children('ul'); + item.removeClass('active-menuitem'); + + if(submenu.length) { + submenu.hide(); + } + }, + + deactivateItems: function(items, animate) { + var $this = this; + + for(var i = 0; i < items.length; i++) { + var item = items.eq(i), + submenu = item.children('ul'); + + if(submenu.length) { + if(item.hasClass('active-menuitem')) { + var activeSubItems = item.find('.active-menuitem'); + item.removeClass('active-menuitem'); + + if(animate) { + submenu.slideUp('normal', function() { + $(this).parent().find('.active-menuitem').each(function() { + $this.deactivate($(this)); + }); + }); + } + else { + item.find('.active-menuitem').each(function() { + $this.deactivate($(this)); + }); + } + + $this.removeMenuitem(item.attr('id')); + activeSubItems.each(function() { + $this.removeMenuitem($(this).attr('id')); + }); + } + else { + item.find('.active-menuitem').each(function() { + var subItem = $(this); + $this.deactivate(subItem); + $this.removeMenuitem(subItem.attr('id')); + }); + } + } + else if(item.hasClass('active-menuitem')) { + $this.deactivate(item); + $this.removeMenuitem(item.attr('id')); + } + } + }, + + removeMenuitem: function (id) { + this.expandedMenuitems = $.grep(this.expandedMenuitems, function (value) { + return value !== id; + }); + this.saveMenuState(); + }, + + addMenuitem: function (id) { + if ($.inArray(id, this.expandedMenuitems) === -1) { + this.expandedMenuitems.push(id); + } + this.saveMenuState(); + }, + + saveMenuState: function() { + if(this.wrapper.hasClass('layout-static')) + $.cookie('freya_menu_static', 'freya_menu_static', {path: '/'}); + else + $.removeCookie('freya_menu_static', {path: '/'}); + + $.cookie('freya_expandeditems', this.expandedMenuitems.join(','), {path: '/'}); + }, + + clearMenuState: function() { + this.expandedMenuitems = []; + $.removeCookie('freya_expandeditems', {path: '/'}); + $.removeCookie('freya_menu_static', {path: '/'}); + }, + + clearActiveItems: function() { + var activeItems = this.jq.find('li.active-menuitem'), + subContainers = activeItems.children('ul'); + + activeItems.removeClass('active-menuitem'); + if(subContainers && subContainers.length) { + subContainers.hide(); + } + }, + + clearLayoutState: function() { + this.clearMenuState(); + this.clearActiveItems(); + }, + + restoreMenuState: function() { + var menuCookie = $.cookie('freya_expandeditems'); + if (!this.isSlim() && !this.isHorizontal() && menuCookie) { + this.expandedMenuitems = menuCookie.split(','); + for (var i = 0; i < this.expandedMenuitems.length; i++) { + var id = this.expandedMenuitems[i]; + if (id) { + var menuitem = $("#" + this.expandedMenuitems[i].replace(/:/g, "\\:")); + menuitem.addClass('active-menuitem'); + + var submenu = menuitem.children('ul'); + if(submenu.length) { + submenu.show(); + } + } + } + } + + var sidebarCookie = $.cookie('freya_menu_static'); + if(sidebarCookie) { + this.wrapper.addClass('layout-static'); + } + + }, + + removeTopbarClassFromAllItems: function(item, className, items) { + var activeItems = item != null ? item.siblings('.' + className) : items; + + activeItems.removeClass(className); + activeItems.children('ul').removeClass('fadeInDown'); + }, + + addTopbarClass: function(item, className) { + var submenu = item.children('ul'); + + if (submenu.length) { + if (item.hasClass(className)) { + submenu.removeClass('fadeInDown').addClass('fadeOutUp'); + + setTimeout(function() { + item.removeClass(className); + submenu.removeClass('fadeOutUp'); + }, 100); + } + else { + item.addClass(className); + submenu.addClass('fadeInDown'); + } + } + }, + + hideTopBar: function() { + var $this = this; + this.topbarMenu.addClass('fadeOutUp'); + + setTimeout(function() { + $this.topbarMenu.removeClass('fadeOutUp topbar-menu-visible'); + },500); + }, + + isMobile: function() { + return window.innerWidth < 992; + }, + isHorizontal: function() { + return this.wrapper.hasClass('layout-horizontal') && !this.isMobile(); + }, + isSlim: function() { + return this.wrapper.hasClass('layout-slim') && !this.isMobile(); + }, + isStatic: function() { + return this.wrapper.hasClass('layout-static') && !this.isMobile(); + } +}); + +PrimeFaces.FreyaConfigurator = { + + changeLayout: function( componentTheme, darkMode ) { + this.changeLayoutsTheme(darkMode); + this.changeDemo(darkMode); + this.changeComponentsTheme(componentTheme, darkMode); + this.changeSectionTheme( darkMode, 'layout-menu'); + this.changeSectionTheme( darkMode , 'layout-topbar'); + }, + + changeLayoutsTheme: function(darkMode) { + newLayout = '-' + darkMode; + var linkElement = $('link[href*="layout-"]'); + var href = linkElement.attr('href'); + var startIndexOf = href.indexOf('layout-') + 6; + var endIndexOf = href.indexOf('.css'); + var currentColor = href.substring(startIndexOf, endIndexOf); + this.replaceLink(linkElement, href.replace(currentColor, newLayout)); + }, + + changeDemo: function(darkMode) { + newLayout = '-' + darkMode; + var linkElement = $('link[href*="demo-"]'); + var href = linkElement.attr('href'); + var startIndexOf = href.indexOf('demo-') + 4; + var endIndexOf = href.indexOf('.css'); + var currentColor = href.substring(startIndexOf, endIndexOf); + + this.replaceLink(linkElement, href.replace(currentColor, newLayout)); + }, + + changeComponentsTheme: function(themeColor, darkMode) { + theme = this.getColor(themeColor, darkMode); + var library = 'primefaces-freya'; + var linkElement = $('link[href*="theme.css"]'); + var href = linkElement.attr('href'); + var index = href.indexOf(library) + 1; + var currentTheme = href.substring(index + library.length); + + this.replaceLink(linkElement, href.replace(currentTheme, theme)); + }, + + changeSectionTheme: function(theme, section) { + var wrapperElement = $('.layout-wrapper'); + + var styleClass = wrapperElement.attr('class'); + var tokens = styleClass.split(' '); + var sectionClass; + for (var i = 0; i < tokens.length; i++) { + if (tokens[i].indexOf(section + '-') > -1) { + sectionClass = tokens[i]; + break; + } + } + + wrapperElement.attr('class', styleClass.replace(sectionClass, section + '-' + theme)); + }, + + changeMenuMode: function(menuMode) { + var wrapper = $(document.body).children('.layout-wrapper'); + switch (menuMode) { + case 'layout-sidebar': + wrapper.addClass('layout-sidebar').removeClass('layout-slim layout-horizontal '); + this.clearLayoutState(); + break; + + case 'layout-horizontal': + wrapper.addClass('layout-horizontal').removeClass('layout-static layout-slim layout-sidebar'); + this.clearLayoutState(); + break; + + case 'layout-slim': + wrapper.addClass('layout-slim').removeClass('layout-static layout-horizontal layout-sidebar'); + this.clearLayoutState(); + break; + + default: + wrapper.addClass('layout-sidebar').removeClass('layout-slim layout-horizontal '); + this.clearLayoutState(); + break; + } + }, + + beforeResourceChange: function() { + PrimeFaces.ajax.RESOURCE = null; //prevent resource append + }, + + replaceLink: function(linkElement, href) { + PrimeFaces.ajax.RESOURCE = 'javax.faces.Resource'; + + var isIE = this.isIE(); + + if (isIE) { + linkElement.attr('href', href); + } + else { + var cloneLinkElement = linkElement.clone(false); + + cloneLinkElement.attr('href', href); + linkElement.after(cloneLinkElement); + + cloneLinkElement.off('load').on('load', function() { + linkElement.remove(); + }); + + // for dashboard + setTimeout(function() { + if (window['redrawChart']) { + window.redrawChart(); + } + }, 100); + } + }, + + getColor: function(name, darkMode) { + return name + '-' + darkMode; + }, + + isIE: function() { + return /(MSIE|Trident\/|Edge\/)/i.test(navigator.userAgent); + }, + + clearLayoutState: function() { + var menu = PF('FreyaMenuWidget'); + + if (menu) { + menu.clearLayoutState(); + } + }, + + updateInputStyle: function(value) { + if (value === 'filled') + $(document.body).addClass('ui-input-filled'); + else + $(document.body).removeClass('ui-input-filled'); + } +}; + +/*! + * jQuery Cookie Plugin v1.4.1 + * https://github.com/carhartl/jquery-cookie + * + * Copyright 2006, 2014 Klaus Hartl + * Released under the MIT license + */ +(function (factory) { + if (typeof define === 'function' && define.amd) { + // AMD (Register as an anonymous module) + define(['jquery'], factory); + } else if (typeof exports === 'object') { + // Node/CommonJS + module.exports = factory(require('jquery')); + } else { + // Browser globals + factory(jQuery); + } +}(function ($) { + + var pluses = /\+/g; + + function encode(s) { + return config.raw ? s : encodeURIComponent(s); + } + + function decode(s) { + return config.raw ? s : decodeURIComponent(s); + } + + function stringifyCookieValue(value) { + return encode(config.json ? JSON.stringify(value) : String(value)); + } + + function parseCookieValue(s) { + if (s.indexOf('"') === 0) { + // This is a quoted cookie as according to RFC2068, unescape... + s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\'); + } + + try { + // Replace server-side written pluses with spaces. + // If we can't decode the cookie, ignore it, it's unusable. + // If we can't parse the cookie, ignore it, it's unusable. + s = decodeURIComponent(s.replace(pluses, ' ')); + return config.json ? JSON.parse(s) : s; + } catch (e) { } + } + + function read(s, converter) { + var value = config.raw ? s : parseCookieValue(s); + return $.isFunction(converter) ? converter(value) : value; + } + + var config = $.cookie = function (key, value, options) { + + // Write + + if (arguments.length > 1 && !$.isFunction(value)) { + options = $.extend({}, config.defaults, options); + + if (typeof options.expires === 'number') { + var days = options.expires, t = options.expires = new Date(); + t.setMilliseconds(t.getMilliseconds() + days * 864e+5); + } + + return (document.cookie = [ + encode(key), '=', stringifyCookieValue(value), + options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE + options.path ? '; path=' + options.path : '', + options.domain ? '; domain=' + options.domain : '', + options.secure ? '; secure' : '' + ].join('')); + } + + // Read + + var result = key ? undefined : {}, + // To prevent the for loop in the first place assign an empty array + // in case there are no cookies at all. Also prevents odd result when + // calling $.cookie(). + cookies = document.cookie ? document.cookie.split('; ') : [], + i = 0, + l = cookies.length; + + for (; i < l; i++) { + var parts = cookies[i].split('='), + name = decode(parts.shift()), + cookie = parts.join('='); + + if (key === name) { + // If second argument (value) is a function it's a converter... + result = read(cookie, value); + break; + } + + // Prevent storing a cookie that we couldn't decode. + if (!key && (cookie = read(cookie)) !== undefined) { + result[name] = cookie; + } + } + + return result; + }; + + config.defaults = {}; + + $.removeCookie = function (key, options) { + // Must not alter options, thus extending a fresh object... + $.cookie(key, '', $.extend({}, options, { expires: -1 })); + return !$.cookie(key); + }; + +})); + +if (PrimeFaces.widget.InputSwitch) { + PrimeFaces.widget.InputSwitch = PrimeFaces.widget.InputSwitch.extend({ + + init: function (cfg) { + this._super(cfg); + + if (this.input.prop('checked')) { + this.jq.addClass('ui-inputswitch-checked'); + } + }, + + check: function () { + var $this = this; + + this.input.prop('checked', true).trigger('change'); + setTimeout(function () { + $this.jq.addClass('ui-inputswitch-checked'); + }, 100); + }, + + uncheck: function () { + var $this = this; + + this.input.prop('checked', false).trigger('change'); + setTimeout(function () { + $this.jq.removeClass('ui-inputswitch-checked'); + }, 100); + } + }); +} + +if (PrimeFaces.widget.AccordionPanel) { + PrimeFaces.widget.AccordionPanel = PrimeFaces.widget.AccordionPanel.extend({ + + init: function (cfg) { + this._super(cfg); + + this.headers.last().addClass('ui-accordion-header-last'); + } + }); +} + +/* Issue #924 is fixed for 5.3+ and 6.0. (compatibility with 5.3) */ +if(window['PrimeFaces'] && window['PrimeFaces'].widget.Dialog) { + PrimeFaces.widget.Dialog = PrimeFaces.widget.Dialog.extend({ + + enableModality: function() { + this._super(); + $(document.body).children(this.jqId + '_modal').addClass('ui-dialog-mask'); + }, + + syncWindowResize: function() {} + }); +} + +if (PrimeFaces.widget.SelectOneMenu) { + PrimeFaces.widget.SelectOneMenu = PrimeFaces.widget.SelectOneMenu.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.m_panel = $(this.jqId + '_panel'); + this.m_focusInput = $(this.jqId + '_focus'); + + this.m_panel.addClass('ui-input-overlay-panel'); + this.jq.addClass('ui-inputwrapper'); + + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.off('change').on('change', function () { + $this.inputValueControl($(this)); + }); + + this.m_focusInput.on('focus.ui-selectonemenu', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-selectonemenu', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }); + + if (this.cfg.editable) { + this.label.on('input', function (e) { + $this.inputValueControl($(this)); + }).on('focus', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('blur', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl($(this)); + }); + } + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} + +if (PrimeFaces.widget.Chips) { + PrimeFaces.widget.Chips = PrimeFaces.widget.Chips.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.jq.addClass('ui-inputwrapper'); + + if ($this.jq.find('.ui-chips-token').length !== 0) { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.on('focus.ui-chips', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('input.ui-chips', function () { + $this.inputValueControl(); + }).on('blur.ui-chips', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl(); + }); + + } + }, + + inputValueControl: function () { + if (this.jq.find('.ui-chips-token').length !== 0 || this.input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} + +if (PrimeFaces.widget.DatePicker) { + PrimeFaces.widget.DatePicker = PrimeFaces.widget.DatePicker.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label') && !this.cfg.inline) { + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.jqEl.off('focus.ui-datepicker blur.ui-datepicker change.ui-datepicker') + .on('focus.ui-datepicker', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-datepicker', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }) + .on('change.ui-datepicker', function () { + $this.inputValueControl($(this)); + }); + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); +} \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/resources/freya-layout/js/prism.js b/src/main/resources/META-INF/resources/resources/freya-layout/js/prism.js new file mode 100644 index 0000000..4cbeb12 --- /dev/null +++ b/src/main/resources/META-INF/resources/resources/freya-layout/js/prism.js @@ -0,0 +1,10 @@ +/* PrismJS 1.22.0 +https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+java&plugins=line-numbers */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,_={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof M?new M(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);y+=m.value.length,m=m.next){var k=m.value;if(t.length>n.length)return;if(!(k instanceof M)){var b,x=1;if(h){if(!(b=W(p,y,n,f)))break;var w=b.index,A=b.index+b[0].length,P=y;for(P+=m.value.length;P<=w;)m=m.next,P+=m.value.length;if(P-=m.value.length,y=P,m.value instanceof M)continue;for(var S=m;S!==t.tail&&(Pl.reach&&(l.reach=N);var j=m.prev;O&&(j=z(t,j,O),y+=O.length),I(t,j,x);var C=new M(o,g?_.tokenize(E,g):E,d,E);m=z(t,j,C),L&&z(t,m,L),1"+a.content+""},!u.document)return u.addEventListener&&(_.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(_.highlight(r,_.languages[t],t)),a&&u.close()},!1)),_;var e=_.util.currentScript();function t(){_.manual||_.highlightAll()}if(e&&(_.filename=e.src,e.hasAttribute("data-manual")&&(_.manual=!0)),!_.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return _}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^>]*>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(s){var e=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),string:{pattern:e,greedy:!0},property:/(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),s.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:s.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--?|-=|\+\+?|\+=|!=?|~|\*\*?|\*=|\/=?|%=?|<<=?|>>=?|<=?|>=?|==?|&&?|&=|\^=?|\|\|?|\|=|\?|:/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|x[0-9a-fA-F]{1,2}|u[0-9a-fA-F]{4}|U[0-9a-fA-F]{8})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)\w+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b\w+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+?)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)(["'])(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|(?!\2)[^\\`$])*\2/,lookbehind:!0,greedy:!0,inside:a}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|aptitude|apt-cache|apt-get|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:if|then|else|elif|fi|for|while|in|case|esac|function|select|do|done|until)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|break|cd|continue|eval|exec|exit|export|getopts|hash|pwd|readonly|return|shift|test|times|trap|umask|unset|alias|bind|builtin|caller|command|declare|echo|enable|help|let|local|logout|mapfile|printf|read|readarray|source|type|typeset|ulimit|unalias|set|shopt)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:true|false)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|==?|!=?|=~|<<[<-]?|[&\d]?>>|\d?[<>]&?|&[>&]?|\|[&|]?|<=?|>=?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],i=a.variable[1].inside,o=0;o>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0}}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,inside:{"class-name":a,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},namespace:{pattern:RegExp("(\\b(?:exports|import(?:\\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\\s+)(?!)[a-z]\\w*(?:\\.[a-z]\\w*)*\\.?".replace(//g,function(){return t.source})),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows");if(t){var i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1 + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/buttons/button-form-submit.xhtml b/src/main/resources/META-INF/resources/templates/components/buttons/button-form-submit.xhtml new file mode 100644 index 0000000..15d38bb --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/buttons/button-form-submit.xhtml @@ -0,0 +1,33 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/buttons/button-icon.xhtml b/src/main/resources/META-INF/resources/templates/components/buttons/button-icon.xhtml new file mode 100644 index 0000000..3f93e5d --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/buttons/button-icon.xhtml @@ -0,0 +1,31 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/buttons/button-info.xhtml b/src/main/resources/META-INF/resources/templates/components/buttons/button-info.xhtml new file mode 100644 index 0000000..f97d8a5 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/buttons/button-info.xhtml @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/buttons/button-primary.xhtml b/src/main/resources/META-INF/resources/templates/components/buttons/button-primary.xhtml new file mode 100644 index 0000000..f9b9e8c --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/buttons/button-primary.xhtml @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/buttons/button-secondary.xhtml b/src/main/resources/META-INF/resources/templates/components/buttons/button-secondary.xhtml new file mode 100644 index 0000000..8822b27 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/buttons/button-secondary.xhtml @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/buttons/button-success.xhtml b/src/main/resources/META-INF/resources/templates/components/buttons/button-success.xhtml new file mode 100644 index 0000000..279cba5 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/buttons/button-success.xhtml @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/buttons/button-warning.xhtml b/src/main/resources/META-INF/resources/templates/components/buttons/button-warning.xhtml new file mode 100644 index 0000000..1f66859 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/buttons/button-warning.xhtml @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/cards/card-header.xhtml b/src/main/resources/META-INF/resources/templates/components/cards/card-header.xhtml new file mode 100644 index 0000000..ca70d69 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/cards/card-header.xhtml @@ -0,0 +1,47 @@ + + + + +
+
+
+ +

+ +

+ + + + + + +
+
+ + + +
+
+ + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/cards/card-simple.xhtml b/src/main/resources/META-INF/resources/templates/components/cards/card-simple.xhtml new file mode 100644 index 0000000..313a434 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/cards/card-simple.xhtml @@ -0,0 +1,29 @@ + + + + +
+ +
+ +
+ + + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/cards/filter-bar.xhtml b/src/main/resources/META-INF/resources/templates/components/cards/filter-bar.xhtml new file mode 100644 index 0000000..8bb1c43 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/cards/filter-bar.xhtml @@ -0,0 +1,38 @@ + + + + +
+ +
+ +
+ +
+ + + + + + +
+
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/cards/kpi-card.xhtml b/src/main/resources/META-INF/resources/templates/components/cards/kpi-card.xhtml new file mode 100644 index 0000000..0a97208 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/cards/kpi-card.xhtml @@ -0,0 +1,150 @@ + + + + + + + + + + +
+
+
+ +
+ #{title} +
+ +
+
+ + +
#{value}
+ + + + + +
+
+ #{statusLabel} + #{statusValue} +
+
+ Aucun utilisateur actif +
+ + + + + + +
+ + +#{growthValue} + #{growthLabel} +
+
+ #{noDataLabel} +
+ + + +
+ + +#{growthValue}% + #{growthLabel} +
+
+ #{noDataLabel} +
+ + + + + + + +
+
+
+ + + diff --git a/src/main/resources/META-INF/resources/templates/components/cards/stat-card.xhtml b/src/main/resources/META-INF/resources/templates/components/cards/stat-card.xhtml new file mode 100644 index 0000000..0d52b37 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/cards/stat-card.xhtml @@ -0,0 +1,40 @@ + + + + +
+ +
+
+ + + + + + +
+ + + +
+ +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/columns/column-actions.xhtml b/src/main/resources/META-INF/resources/templates/components/columns/column-actions.xhtml new file mode 100644 index 0000000..d769d43 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/columns/column-actions.xhtml @@ -0,0 +1,25 @@ + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/columns/column-logo.xhtml b/src/main/resources/META-INF/resources/templates/components/columns/column-logo.xhtml new file mode 100644 index 0000000..ba47b1b --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/columns/column-logo.xhtml @@ -0,0 +1,25 @@ + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/columns/column-name-with-subtitle.xhtml b/src/main/resources/META-INF/resources/templates/components/columns/column-name-with-subtitle.xhtml new file mode 100644 index 0000000..77bd86c --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/columns/column-name-with-subtitle.xhtml @@ -0,0 +1,28 @@ + + + + + + + +
+ + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/columns/column-tag.xhtml b/src/main/resources/META-INF/resources/templates/components/columns/column-tag.xhtml new file mode 100644 index 0000000..9ebf9b0 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/columns/column-tag.xhtml @@ -0,0 +1,28 @@ + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/columns/column-text-with-icon.xhtml b/src/main/resources/META-INF/resources/templates/components/columns/column-text-with-icon.xhtml new file mode 100644 index 0000000..bd3487c --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/columns/column-text-with-icon.xhtml @@ -0,0 +1,25 @@ + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/dialogs/confirm-dialog.xhtml b/src/main/resources/META-INF/resources/templates/components/dialogs/confirm-dialog.xhtml new file mode 100644 index 0000000..f5d6b81 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/dialogs/confirm-dialog.xhtml @@ -0,0 +1,53 @@ + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/dialogs/form-dialog.xhtml b/src/main/resources/META-INF/resources/templates/components/dialogs/form-dialog.xhtml new file mode 100644 index 0000000..6d0ed03 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/dialogs/form-dialog.xhtml @@ -0,0 +1,87 @@ + + + + + + + +
+
+ + + +
+
+ + +
+ + + + +
+ + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/detail-field-row.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/detail-field-row.xhtml new file mode 100644 index 0000000..3687332 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/detail-field-row.xhtml @@ -0,0 +1,26 @@ + + + + +
+ #{label}: +
+ #{value} + #{suffix} +
+
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/detail-field.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/detail-field.xhtml new file mode 100644 index 0000000..7d852f0 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/detail-field.xhtml @@ -0,0 +1,32 @@ + + + + +
+
+ +
+
+ + +
+
+ + + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-autocomplete.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-autocomplete.xhtml new file mode 100644 index 0000000..30c3201 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-autocomplete.xhtml @@ -0,0 +1,31 @@ + + + + +
+ + + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-boolean.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-boolean.xhtml new file mode 100644 index 0000000..2decd31 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-boolean.xhtml @@ -0,0 +1,24 @@ + + + + +
+ + + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-calendar.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-calendar.xhtml new file mode 100644 index 0000000..a911b5b --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-calendar.xhtml @@ -0,0 +1,33 @@ + + + + +
+ + + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-checkbox-menu.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-checkbox-menu.xhtml new file mode 100644 index 0000000..92aff32 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-checkbox-menu.xhtml @@ -0,0 +1,32 @@ + + + + +
+ + + + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-group.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-group.xhtml new file mode 100644 index 0000000..9838e9e --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-group.xhtml @@ -0,0 +1,21 @@ + + + + +
+ + #{content} + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-number.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-number.xhtml new file mode 100644 index 0000000..c689a5c --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-number.xhtml @@ -0,0 +1,34 @@ + + + + +
+ + + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-search-text.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-search-text.xhtml new file mode 100644 index 0000000..2cb5ff9 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-search-text.xhtml @@ -0,0 +1,31 @@ + + + + +
+ + + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-select.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-select.xhtml new file mode 100644 index 0000000..84d46e2 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-select.xhtml @@ -0,0 +1,51 @@ + + + + +
+ + + + + + + + + + + + + + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-text.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-text.xhtml new file mode 100644 index 0000000..3a83883 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-text.xhtml @@ -0,0 +1,28 @@ + + + + +
+ + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-textarea.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-textarea.xhtml new file mode 100644 index 0000000..745552c --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-textarea.xhtml @@ -0,0 +1,28 @@ + + + + +
+ + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-field-wrapper.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-field-wrapper.xhtml new file mode 100644 index 0000000..5a39d0f --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-field-wrapper.xhtml @@ -0,0 +1,24 @@ + + + + +
+ + + +
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/forms/form-section.xhtml b/src/main/resources/META-INF/resources/templates/components/forms/form-section.xhtml new file mode 100644 index 0000000..8ceb512 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/forms/form-section.xhtml @@ -0,0 +1,31 @@ + + + + + + +
+ +
#{title}
+ + + + +
+ + + + diff --git a/src/main/resources/META-INF/resources/templates/components/layout/config.xhtml b/src/main/resources/META-INF/resources/templates/components/layout/config.xhtml new file mode 100644 index 0000000..ff3460f --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/layout/config.xhtml @@ -0,0 +1,93 @@ + + + + + + +
+ +
Type de Menu
+ + + + + + + +
+ +
Schéma de Couleur
+ + + + + + + +
+
Mode Barre Supérieure et Menu
+ + + + + + + + +
+
Mode Barre Supérieure
+ + + + + + + + +
+
Mode Menu
+ + + + + + + +
+ +
Style d'Entrée
+ + + + + + +
+ +
Couleurs de Thème
+
+ +
+ + +
+ +
+ +
+ \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/templates/components/layout/footer.xhtml b/src/main/resources/META-INF/resources/templates/components/layout/footer.xhtml new file mode 100644 index 0000000..b3f8855 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/layout/footer.xhtml @@ -0,0 +1,57 @@ + + +
+
+
+
+
+ NAVIGATION + +
+
+ + +
+
+ +
+
+ CONTACT +
    +
  • +221 77 123 45 67
    • +
  • Plateau, Dakar,
    • +
  • Sénégal
    • +
  • contact@unionflow.sn
    • +
+
+
+ NEWSLETTER + Rejoignez notre newsletter pour être informé des nouvelles fonctionnalités. + + + +
+
+
+

UnionFlow

+
Copyright © Lions Dev Team
+
+ +
+
+
+ \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/templates/components/layout/menu.xhtml b/src/main/resources/META-INF/resources/templates/components/layout/menu.xhtml new file mode 100644 index 0000000..59c1514 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/layout/menu.xhtml @@ -0,0 +1,197 @@ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/templates/components/layout/organisation-logo.xhtml b/src/main/resources/META-INF/resources/templates/components/layout/organisation-logo.xhtml new file mode 100644 index 0000000..f8bfde2 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/layout/organisation-logo.xhtml @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/layout/page-header.xhtml b/src/main/resources/META-INF/resources/templates/components/layout/page-header.xhtml new file mode 100644 index 0000000..99c4295 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/layout/page-header.xhtml @@ -0,0 +1,38 @@ + + + + +
+
+
+
+
+

+ + #{title} +

+

#{description}

+
+
+ +
+
+
+
+
+ + diff --git a/src/main/resources/META-INF/resources/templates/components/layout/rightpanel.xhtml b/src/main/resources/META-INF/resources/templates/components/layout/rightpanel.xhtml new file mode 100644 index 0000000..cc66f44 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/layout/rightpanel.xhtml @@ -0,0 +1,192 @@ + + +
+
+
+
+
Aujourd'hui
+
+
+ +
+
Dakar, #{currentDate}
+

28º

+
+
+
+
+
+
Mes tâches
+ + + + + + + + +
+
    +
  • +
    +
    Traiter les demandes d'adhésion en attente
    + -Vérifier les dossiers + -Valider les documents +
    +
    • +
  • +
    +
    Préparer le rapport mensuel
    + Statistiques des membres actifs +
    +
    • +
  • +
    +
    Relancer les cotisations en retard
    +
    + +
    • +
  • +
    +
    Organiser la réunion mensuelle
    +
    + +
    • +
+
+ +
+
+
Raccourcis
+
+
+ + + + + + + + + + + + + + + + + + +
+
+ +
+ + + + + + 2 + +
+ +
+
+ Vous +
+

Bonjour, j'ai besoin de votre validation pour les nouvelles adhésions.

+ Il y a 10 min +
+
+

Merci de vérifier les dossiers 🙏

+ Il y a 5 min +
+
+
+ Admin +
+

Parfait, je m'en occupe dans l'heure qui suit.

+ Il y a 2 min +
+
+
+ Vous +
+

Excellent, merci beaucoup !

+ Il y a 1 min +
+
+
+
+ +
+
+ + + + + +
+
+

Aucun message de l'équipe support

+
+
+ +
+
+ + + + + +
+ +
+
    +
  • + +
    +
    Administrateur
    + En ligne +
    +
    • +
  • + +
    +
    Support Technique
    + Absent +
    +
    • +
  • + +
    +
    Secrétaire
    + En ligne +
    +
    • +
  • + +
    +
    Trésorier
    + En ligne +
    +
    • +
+
+
+ +
+
+ + + +
+
+
+ + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/templates/components/layout/topbar.xhtml b/src/main/resources/META-INF/resources/templates/components/layout/topbar.xhtml new file mode 100644 index 0000000..499ffaf --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/layout/topbar.xhtml @@ -0,0 +1,107 @@ + + +
+
+
+ + + + + + +
+ + + +
+ + + + +
+
+ +
+ + \ No newline at end of file diff --git a/src/main/resources/META-INF/resources/templates/components/profile-photo.xhtml b/src/main/resources/META-INF/resources/templates/components/profile-photo.xhtml new file mode 100644 index 0000000..ea75695 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/profile-photo.xhtml @@ -0,0 +1,41 @@ + + + + + + + +
+ +
+ #{initiales} +
+
+ + + + + + diff --git a/src/main/resources/META-INF/resources/templates/components/tables/data-table.xhtml b/src/main/resources/META-INF/resources/templates/components/tables/data-table.xhtml new file mode 100644 index 0000000..8550751 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/components/tables/data-table.xhtml @@ -0,0 +1,53 @@ + + + + + + + + + + + + diff --git a/src/main/resources/META-INF/resources/templates/main-template.xhtml b/src/main/resources/META-INF/resources/templates/main-template.xhtml new file mode 100644 index 0000000..2ae2fa7 --- /dev/null +++ b/src/main/resources/META-INF/resources/templates/main-template.xhtml @@ -0,0 +1,55 @@ + + + + + + + + + + + + + <ui:insert name="title">UnionFlow</ui:insert> + + + + + + +
+ + + + + +
+
+ +
+ +
+ + + +